Mobile 如何使移动网页不收缩？
当你在手机上访问一个网页时（我使用的是Android），如果它是一个普通页面，它会缩小它以适应你的手机屏幕 我一直认为制作手机页面的方法是使页面足够小，以完全适应手机的屏幕分辨率，而不会缩小 但这并没有发生。我甚至特别将我的页面大小设置为Mobile 如何使移动网页不收缩？,mobile,Mobile,当你在手机上访问一个网页时（我使用的是Android），如果它是一个普通页面，它会缩小它以适应你的手机屏幕 我一直认为制作手机页面的方法是使页面足够小，以完全适应手机的屏幕分辨率，而不会缩小 但这并没有发生。我甚至特别将我的页面大小设置为body{width:300px；}，但当我将其装入手机时，页面左上角会缩小，周围有大量可用空间 我做错了什么？这是因为身体的宽度与浏览设备有关 大多数现代手机模拟桌面浏览器，因此相对于整个浏览器窗口，300px的宽度为300px。基本上，您在桌面浏览器中看到的
body{width:300px；}我做错了什么？这是因为身体的宽度与浏览设备有关 大多数现代手机模拟桌面浏览器，因此相对于整个浏览器窗口，300px的宽度为300px。基本上，您在桌面浏览器中看到的内容与在手机浏览器中看到的内容相同
理想情况下，要做的事情是向移动用户显示稍微不同的内容。通常是页面的精简版本，其中包含较大的菜单项，并隐藏了许多不必要的常用内容。（花式标题等）。您需要使用视口元标记
<!doctype html>
<html>
<head>
<title>Hello world!</title>
<meta name="viewport" content="width=device-width"/>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
你好，世界！
你好，世界
在这里详细阅读我以前回答过这个问题：答案不错，但这仍然不能显示网页的实际大小。网页上的1像素实际上是移动屏幕上的1.5像素。