移动端布局的兼容处理

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

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

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

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

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值