<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=640,user-scalable=no" /> <title>demo</title></head><body> <script> (function () { document.addEventListener('DOMContentLoaded', function () { var html = document.documentElement; var windowWidth = html.clientWidth; alert('windowWidth: ' + windowWidth); }, false); })(); </script></body></html>代码如上。我看网上说的是meta的width是设置手机浏览器的宽度，为什么这里alert的是512而不是640（在chrome下用iphone5）?
1 回答
30秒到达战场
TA贡献1828条经验 获得超6个赞
viewport 的width 是可以设置移动端浏览器的逻辑宽度。猜测是旧版本手机系统的兼容问题
另外不建议如此做移动端适配，容易出现模糊情况，建议说那个 device-width ，使用媒体查询等方式做机型适配
添加回答
举报
0/150
提交
取消