如何让移动网页不缩水?

JD *_*cks 8 mobile

当您访问手机上的网页(我正在使用Android)时,如果它是常规页面,则会将其缩小以适合您的手机屏幕.

我一直认为制作移动页面的方法是让页面足够小,以完全适应手机的屏幕分辨率,而不会缩小.

但这并没有发生.我甚至专门设置了我的页面大小body{ width: 300px;},当我在手机中加载它时,它在左上角缩小,周围有足够的空间.

我究竟做错了什么?

Jit*_*yas 13

您需要使用视口元标记

<!doctype html>
<html>
<head>
    <title>Hello world!</title>

    <meta name="viewport" content="width=device-width"/>
</head>

<body>

<p>Hello world!</p>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

请在此处详细阅读http://davidbcalhoun.com/2010/viewport-metatag