移动端兼容css1px移动端问题描述：1px边框。在高清屏上，移动端的1px会很粗。原因：首先我们要明白一个概念：DPR（devicePixelRatio）设备像素比，即默认缩放100%时设备像素与CSS逻辑像素的比值。目前主流屏幕DPR=2或3，CSS中设置的px为逻辑像素，导致1px变成物理像素的2px或3px，如2x屏幕，设备的物理像素必须为1像素，所以CSS逻辑像素只能是0.5px。下面介绍最常用的设置高度的方法：1px通过CSS:before选择器或CSS:after选择器同时放大0.5倍。/bottomborder/.b-border{position:relative;}.b-border:before{content:'';位置：绝对；左：0；底部：0；宽度：100%；高度：1px；背景：#d9d9d9；-webkit-transform:scaleY(0.5);变换：scaleY(0.5)；-webkit-transform-origin:00;transform-origin:00;}/四边/.setBorderAll{position:relative;&:在{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(0.5);transform-origin:lefttop;box-sizing:border之后-box;border:1pxsolid#e5e5e5;border-radius:4px;}}复制代码CSS动画页面闪白，动画卡顿问题描述：CSS动画页面闪白，动画卡顿解决方法：1.尽量使用合成属性Transform和opacity设计CSS3动画，不要用position的left和top来定位2.开启硬件加速-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);复制代码blocktheuserfromchoice禁止用户选择页面上的文字或图片div{-webkit-触摸标注：无；-webkit-用户选择：无；-khtml-用户选择：无；-moz-用户选择：无；-ms-用户选择：无；select:none;}复制代码清除输入框内的阴影问题描述：在iOS上，输入框默认有内部阴影解决方法：input{-webkit-appearance:none;}复制代码禁止保存或复制图片img{-webkit-touch-callout:none;}复制代码输入框默认字体颜色设置设置输入框内占位符字体的颜色input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c7c7c7;}input:-moz-placeholder,textarea:-moz-placeholder{color:#c7c7c7;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#c7c7c7;}复制代码用户设置放大或缩小导致页面布局错误设置字体禁止缩放body{-webkit-text-size-adjust:100%!important;文本大小调整：100%！重要；-moz-text-size-adjust:100%!important;}复制代码当点击android系统中的元素时，会产生一个边框部分。当android系统点击一个链接时，会出现一个边框或者一个半透明的灰色遮罩。不同厂家定义的效果不同。去除代码如下a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)-webkit-user-modify:read-write-plaintext-only;}复制代码iOS滑动不流畅，ios手机页面上下滑动会产生卡顿，当手指离开页面时，页面立即停止移动。整体表现为滑动不顺畅，没有滑动惯性。对于iOS5.0及之后的版本，为滑动定义了auto和touch两个值，默认值为auto。解决方法1.在滚动容器上添加滚动触摸方法。wrapper{-webkit-overflow-scrolling:touch;}复制代码2.设置overflow将外部overflow设置为hidden，将content元素overflow设置为auto。当内部元素超出body时，发生滚动，body超出的部分被隐藏。body{overflow-y:hidden;}.wrapper{overflow-y:auto;}复制代码html常用的meta属性设置meta对于移动端的一些特殊属性，可以根据需要设置
