html - 在移动设备上保持页面宽度相同

Question

在我的页面上，我没有使用任何视口(viewport)设置。我只为页面的全部内容使用了 25% 的 left 和 right margin。问题是，当我从移动设备访问它时，宽度与手机屏幕的宽度相匹配，并且有 25% 的边距，它变得非常难看。中间只有一些文字。

我想做的是，让页面不适合手机屏幕。我想保持相同的大小。就像大多数页面一样。

我该怎么做？

Answer 1

您要存档的移动设备是什么？25% 的左右边距它是非常相关的，每个样本:iphone 中的 25% 边距看起来是一种方式，平板电脑中的 25% 边距看起来也完全不同。

您需要使用 CSS3 媒体查询

尝试阅读 https://www.w3schools.com/css/css3_mediaqueries.asp

您可以使用以下方法在 chrome 中进行测试:测试响应式和设备特定的视口(viewport)

https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports

希望对您有所帮助。