viewport initial-scale,zoom 兼容性探索

有几种方式可以做页面的整体缩放为原来的一半

  1. div 样式 transform : scale(0.5), 弊端: position: sticky 无法在transform过的元素里正常显示。
  2. initial-scale 0.5 弊端: iframe嵌入时有问题。
  3. html 样式 zoom: 0.5 弊端:ios不兼容

没有完美的方案。
但方案1弊端小, position sticky可以通过复制html 元素间接实现。
方案2在不需要iframe时很好。
方案3不如方案2.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值