Question

我一直致力于响应式设计。为了阻止内容跨越边界，我使用了视点元标记，宽度= 480 。问题是我希望我的网站加载至少480px ，无论如何。如果屏幕宽度小于480px，我希望它通过“缩小”适合屏幕宽度。

我使用了以下视点元标记：

<meta name="viewport" content="width=480px, initial-scale=1, maximum-scale=1" />

我还使用了min-width css标签来指定最小宽度。

<body style="min-width: 480px; width:100%; margin:auto;">

所以当我尝试在DevTools Emulator（Google Chrome）中加载网站时，它会显示一个水平滚动条。对如何做到这一点有任何想法。

Answer 1

您是否尝试过width=device-width？

我不认为强制meta中的480px会做你想要的（不会跨越媒体查询类型的边界）。