当您访问手机上的网页(我正在使用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
| 归档时间: |
|
| 查看次数: |
5524 次 |
| 最近记录: |