手机web适配相关
浏览数：32 /
时间：2015年06月11日
手机屏幕大小不同，分辨率也各不相同，手机上web页面很难有一种特定的尺寸去开发，而后又能适配所有机型，今天遇到一系列的调整，能够让web页适配性能提高很多，但兼容性未知，至少uc，QQ等一些都支持！
1.利用缩放，让web页面充满整个屏幕，不大不小。
按照较高的分辨率来开发，如：640的宽度。然后利用“document.body.style.zoom = window.screen.width / 640;”，进行大小缩放，适配屏幕大小。
这样会有一个问题，如果用户放大或者缩小，还是会让我们的工作白费。所以，这个时候我们需要第二步。
2.固定屏幕，禁止手机用户缩放。
|
1 |
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
html禁止手机页面放大缩小的代码放在head标签里面
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
