问题描述
我的 iPad 8 的分辨率是 2160x1620。当我使用 1000 像素宽的 div 构建网站时，该 div 在 iPad 屏幕上的宽度接近 90%。这不是我所期望的。
在我的 iMac（全高清）上，div 以正确的宽度显示。我该如何解决这个问题？
<!DOCTYPE html>
<html>
<head>
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<div style="width: 1000px; background-color: aqua; height: 10px"></div>
</body>
</html>
解决方法
尝试在页面的 <head> 部分进行设置：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
这应该可以使您的文档根据设备的屏幕分辨率正确缩放。
您可以在 W3Schools 上阅读有关其工作原理的更多信息。