”移动端0.5“ 的搜索结果

     通过transform将宽度缩小一半,transform:scaleY(0.5) 通过伪类实现 <div class="thin-bottom-border">aaaaaa</div> .thin-bottom-border{ position: relative; } // ...

     .line1 {position:relative} .line1:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e0e0e0;-webkit-transform:scaleY(.5);transform:scaleY(.5);...

移动端

标签:   移动端

     移动端开发 学习内容 移动端开发相关基础知识 项目案例实战 学习目标 掌握移动端开发的相关概念和名词 设计稿静态化,并适配绝大多数的移动设备 移动端特点 移动端与 PC 端网页有所不同,有以下几个特点 小屏幕...

     1px的边框,经理嫌太粗了,0.5px的又识别不了。所以: .list div:after{  content: "";  display: block;  position: absolute;  left: -42%;  margin-top: 4%;  width: 184%;  height: 1px;  ...

     首先来看一下造成Retina边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备...

     随着智能手机、平板电脑等新兴终端设备的普及,移动端成为新的软件研发领域。移动端的特点是具有极高的流量需求、低功耗、小容量存储空间等特点。因此,移动端的软件研发也面临着新的挑战。例如,在低带宽、高延迟...

     1、对于body特殊设置解释; 2、对于图片水平居中设定,在父元素中统一设定为text-align=center;line-height=盒子大小; 3、当多张图片在一起的时候会存在图片基线对齐的情况,解决方法利用; 4、外边距合并问题解决...

移动端的概念

标签:   前端

     实现理想视口以后,虽然没有滚动条和页面压缩现象了,但是移动端设备的型号很多,屏幕大小不一致,那么不同移动端设备下,页面内的元素大小如何显示?前端工程师代码明明写的是1px的border,UI工程师为什么说边框比1...

     .line1 {position:relative} .line1:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e0e0e0;-webkit-transform:scaleY(.5);transform:scaleY(.5);...

     移动端适配是指在不同尺寸的手机设备上,页面能相对达到合理的展示(响应式)或者保持统一效果的等比缩放(看起来差不多)。本文介绍了移动端适配中需要掌握的基本概念和移动端页面开发中常用的适配方案。 一、基本...

移动端WEB开发

标签:   前端

     由于 Retina 的出现,对于一张 50px * 50px 的图片,在手机 Retina 屏中打开,按照刚才的物理像素比会放大倍数,这样会造成图片模糊。它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大...

     rem是相对单位,类似于em但rem的基准是相对于HTML元素的字体大小rem的优点是可以通过修改HTML文字大小改变页面元素大小,做到整体控制。

     该组件依据需求来做,当前包含三种选择状态,选中,未选中,半选。由于不需要做树形的收缩展开故没有写相关内容。树形展开与收缩与选中类似,只需要在节点上挂载相关字段即可实现。由于需求需要增加不限的功能,所以...

     对于移动端页面来说,所有尺寸都应该明确的归为三类:逻辑像素尺寸相对尺寸1 物理像素尺寸以示范页面为例,在不同尺寸下希望效果如下标题一直按照如图所示铺满三行「相对尺寸」标题下方的分割线上下 margin、主要...

H5移动端适配方案

标签:   css  html5

     在讨论适配方案之前,先熟悉几个概念: 设备像素/物理像素:设备实际物理像素点,是显示设备中一个最微小的物理部件,每个像素可以根据操作系统设置自己的颜色和亮度。任何设备的物理像素的数量都是固定的。...

     <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,minimum-scale=0.5,user-scalable=no"> css: html,body{ font-size:10px} 其他内容 aa/10 rem

移动端布局

标签:   css  css3  echarts

     移动端布局 (1)布局概念 1. 静态布局 2. 流式布局 3. 自适应布局 4. 响应式布局 5. 弹性布局 (2)基本概念 1、物理像素 2、设备像素比(device pixel ratio) 3、视网膜屏幕Retina (3)视口 viewport ...

     initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no"> 为什么使用移动端适配: 随着时代的发展,在移动端上访问pc端的页面,逐渐变的常态化 手机的设备尺寸, 碎片化越来越严重 ...

10  
9  
8  
7  
6  
5  
4  
3  
2  
1