日期:2014-05-16  浏览次数:20324 次

关于手机页面适配问题
个人感觉用640的宽度来设计界面样式,然后用document.body.style.zoom = window.screen.width / 640;的方法进行大小的适配挺好的。但是之前有人和我说这个方法不好,本人还真没看出哪里不好?还有为什么iPhone4s机器上alert出来的window.screen.width会是320.还望大家指点小弟下。
zoom? 适配

------解决方案--------------------
嗯,有人会喜欢手机横竖转来转去玩不?感觉还是有很多这样的人吧。
------解决方案--------------------
貌似document.body.style.zoom这个zoom属性只有在IE中有吧,手机上是否兼容不得而知
------解决方案--------------------
你这个方法……人家浏览器要放大页面怎么办?
------解决方案--------------------
你设计页面的时候 不会用写死的绝对宽度把
一般都是用 弹性描述 来写css
------解决方案--------------------
不知道你有没有测试Firefox浏览器,它是不支持document.body.style.zoom的
------解决方案--------------------
还有,你用的是document.body.style.zoom,
只是检查body元素的缩放,
但页面里若出现浮动元素,绝对定位元素,固定定位元素,
或者是很大的图像,document.body.style.zoom这个效果是不太好的

CSS里的媒体查询是就是要解决网页在不同设备屏幕尺寸分辨率下显示的问题,
而且也能控制页面缩放。