常用meta属性设置meta对于移动端的一些特殊属性，可以根据需要自行设置//Android禁止屏幕旋转//全屏显示//UC应用模式，使用应用模式后，页面会默认全屏，禁止长按菜单，禁止整理，标准排版，强制图片显示。//QQ强制竖屏//QQ强制全屏//在iOSSafari上QQ应用模式电话号码识别（其他浏览器和Android不会）将那些看起来像电话号码的数字处理成电话链接，例如：7位数字，如：1234567带括号和加号的号码，如：(+86)123456789带双连线的号码，如：00-00-0011111号码，如：13800138000关闭识别Enablerecognition123456邮箱识别(Android)Android会识别符合邮箱格式的字符串，我们可以使用下面的meta来控制邮箱的自动识别：dooyoe@gmail.com0.5px细线移动端的H5项目越来越多终端，设计师对UI的要求越来越高，比如1px的边框。高清屏下，移动端1px会很粗。那么为什么会出现这个问题呢？主要跟一个东西有关，DPR(devicePixelRatio)设备像素比，也就是默认缩放100%时设备像素与CSS像素的比值。目前主流屏幕DPR=2（iPhone8），或者3（iPhone8Plus）。以2x屏幕为例，设备的物理像素必须是1像素，而DPR=2，所以css像素只能是0.5。下面介绍最常用的方法/*底部框*/.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;}/*上边框*/.t-border{position:relative;}.t-border:before{content:'';位置：绝对；左：0；顶部：0；宽度：100%；高度：1px；背景：#d9d9d9；-webkit-transform:scaleY(0.5);变换：scaleY(0.5)；-webkit-transform-origin:00;transform-origin:00;}/*右框*/.r-border{position:relative;}.r-border:before{content:'';位置：绝对；右：0；底部：0；宽度：1px；高度：100%；背景：#d9d9d9；-webkit-转换：scaleX（0.5）；变换：scaleX（0.5）；-webkit-transform-origin:00;transform-origin:00;}/*左边框*/.l-border{position:relative;}.l-border:before{content:'';位置：绝对；左：0；底部：0；宽度：1px；高度：100%；背景：#d9d9d9；-webkit-转换：scaleX（0.5）；变换：scaleX（0.5）；-webkit-transform-origin:00;transform-origin:00;}/*四条边*/.setBorderAll{position:relative;&:{内容之后：'';位置：绝对；顶部：0；左：0；宽度：200%；高度：200%；变换：比例（0.5）；变换原点：左上；框大小：边框框；边框：1px实心#e5e5e5；边界半径：4px；}}
