移动视口无法正常工作?

时间:2012-08-31 18:47:46

标签: mobile viewport

这是我的整个HTML文件:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta name="viewport" content="width=232, user-scalable=no" />
    <style>
        body {margin:0;width:200px;border:1px solid black;padding:15px;background:#ccff99;color:#004000;font-family:sans-serif;font-size:6pt}
    </style>
</head>
<body>
    <h1>Test page</h1>
</body>
</html>

如果我理解正确,主体应该是视口的整个宽度(200+(1+15)*2 = 232),那么为什么页面渲染的视口宽度为360?我希望device-width,而不是绝对的232 ......

1 个答案:

答案 0 :(得分:0)

This看起来像是关于你主题的好文章。希望它有所帮助。