关于meta标签设置viewport的content的width的疑惑
<!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）?
撒科打诨浏览 363回答 1
1回答
-
30秒到达战场
viewport 的width 是可以设置移动端浏览器的逻辑宽度。猜测是旧版本手机系统的兼容问题另外不建议如此做移动端适配，容易出现模糊情况，建议说那个 device-width ，使用媒体查询等方式做机型适配
随时随地看视频慕课网APP
相关分类
JavaScript