移动端布局的兼容处理

1.
蓝湖只能复制字号 不能复制字体
2.
(1)移动端1px的边框实现  1.使用第三方的伪元素实现 2.圆弧边框写死1px

如果设rem会导致老版本浏览器不能解析1px以下的border,会导致移动端老版本浏览器不能显示边框的问题

如果设1px写死,会导致ios解析出的物理像素会细线变粗

(2)移动端不要用定位居中,用flex居中

如果用定位居中,会导致百分比的居中产生偏差,移动端的百分比不同的浏览器内核解析出的结果不一样
(3)移动端除了百分之100或者平均等分的元素百分比,其他情况均用rem 提高兼容性 防止百分比的偏差

移动端对百分比兼容性很低,百分比解析为px后会出现微小偏差,不建议采取百分比,采取rem可以解决偏差,高度还原设计稿的宽

猜你喜欢

转载自blog.csdn.net/qq_38603437/article/details/88345096