作者dianwu (dian)
看板Ajax
标题[问题] iPad 横向直向画面缩放比例调整问题
时间Sun Oct 6 08:03:01 2013
大家好，不知道大家有没有针对
在iPad上切换画面时调整操作介面的缩放比例
因为我们设计的操作介面是固定的，且有最小宽高的要求
我的解决方法：
1. 在触发 orientationchange 时，将viewport的
initial-scale/maximum-scale/minimum-scale 都设为1
2. 在更新scale後会触发 window resize 事件，
3. 这时候再重抓 window 的 innerWidth 跟 innerHeight
来跟画面最小的长宽计算比例
4. 再将重新算好的比例设给viewport
这样的处理模式在android chrome上可以执行的很好，
但是在iPad上只有第一次调整时是正常的。
画面从直->横(OK)再从横->直(NG)
我发现iPad 在第二次变换方向时改变viewport sclae
不会再触发window resize事件了
请问是否有更好的处理方式?
可以解决操作有最小宽高并在每次旋转画面时重新调整画面比例的要求
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.135.124.41
※ dianwu:转录至看板 Web_Design 10/06 14:32