Question

以下是full html of my test page

基本上就是下面的内容。当我在我的Android手机（v4.1）上浏览它时，它有一个很大的宽度，因为我必须向右和向左滚动才会非常恼火。字体也很小。手机的分辨率为720x1280。我正在使用默认浏览器。在Firefox上，它读得很好（没有滚动）。

<!DOCTYPE html> 
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Test</title>
</head>
<body>
<p>lots of Lorem ipsum dolor sit amet</p>
</body>
</html>

Answer 1

尝试添加视口meta标记：

<meta name="viewport" content="width=device-width, height=device-height;" />

基本上，它的作用是将页面的宽度和高度设置为设备的宽度和高度。

为什么有固定的页面宽度？

1 个答案: