87,991
社区成员
发帖
与我相关
我的任务
分享关于手机页面适配问题
个人感觉用640的宽度来设计界面样式，然后用document.body.style.zoom = window.screen.width / 640;的方法进行大小的适配挺好的。但是之前有人和我说这个方法不好，本人还真没看出哪里不好？还有为什么iPhone4s机器上alert出来的window.screen.width会是320.还望大家指点小弟下。
...全文
请发表友善的回复…
发表回复
JianXiongx 2013-05-24
- 打赏
- 举报
新手上路，求教育~
云水千寻 2013-03-25
- 打赏
- 举报
还有，你用的是document.body.style.zoom，
只是检查body元素的缩放，
但页面里若出现浮动元素，绝对定位元素，固定定位元素,
或者是很大的图像，document.body.style.zoom这个效果是不太好的
CSS里的媒体查询是就是要解决网页在不同设备屏幕尺寸分辨率下显示的问题，
而且也能控制页面缩放。
云水千寻 2013-03-25
- 打赏
- 举报
不知道你有没有测试Firefox浏览器，它是不支持document.body.style.zoom的
yfsun88 2013-03-25
- 打赏
- 举报
自己说下最近发现的缺点吧，就是在页面存在浮动的时候，脱离文档流的元素不受document.body.style.zoom控制
yfsun88 2013-03-14
- 打赏
- 举报
好的弹性描述写起来感觉很麻烦，写不好的话，很容易就导致整个页面变形了。而这个我用起来感觉很简单，做出来的页面，也最符合美工设计的效果。本人已经用这个方法开发了好多个页面了，目前除了页面在有浮动的情况下麻烦点外，其他还没发现什么问题。
KK3K2005 2013-03-13
- 打赏
- 举报
你设计页面的时候 不会用写死的绝对宽度把
一般都是用 弹性描述 来写css
yfsun88 2013-03-13
- 打赏
- 举报
本人之前和测试一起测过大部分手机浏览器,目前还没发现不支持的情况。而且我只在页面加载时进行一次大小的调整，并不影响用户后来自己放大缩小。
菜牛 2013-03-12
- 打赏
- 举报
你这个方法……人家浏览器要放大页面怎么办？
lisj0731 2013-03-12
- 打赏
- 举报
貌似document.body.style.zoom这个zoom属性只有在IE中有吧，手机上是否兼容不得而知
yfsun88 2013-03-12
- 打赏
- 举报
横竖屏的适配用zoom不也是很方便吗?小弟刚进公司,看到很多前辈用写各种分辨率的CSS的方法来适配,个人感觉那种方法挺麻烦的,也看不出什么优点来
ftiger 2013-03-12
- 打赏
- 举报
嗯，有人会喜欢手机横竖转来转去玩不？感觉还是有很多这样的人吧。
