移动端适配以及双指缩放问题

  1. 移动端应用程序的显示都是占满整个视口的,所以我们可以直接使用vw和vh作为单位设置html的大小,(一般我还会给所有的盒子设置怪异盒模型)。我在做移动APP的时候,我还会做一点判断,判断使用者是谁(navigator.userargent),如果是浏览器就显示404,如果是移动设备就正常显示。
  2. 还有在移动端开发的过程中可能会遇到边框比正常的设置值宽的问题,这时可以将文档整体缩小为原来的一半(tranform.scale(.5))。具体没遇到过,移动端没用过边框。
  3. 禁止用户双指缩放,可以监听一下touchstart事件,如果事件对象touches的长度大于1就说明触摸次数大于1次,可以禁止默认事件(event.preventDefault()),这样就不会有双指缩放问题了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值