html - 我应该让网页响应到哪个设备宽度大小？

Question

我使我的网页具有响应性，但当宽度小于 350 像素时出现水平条，我发现导航栏越界了。我应该解决这个问题吗？如果是怎么办？

Answer 1

您应该制作响应式代码的最小宽度为 320 像素。

当您获得水平滚动时，这意味着您有:

• 不换行的内容
• 元素的 min-width 或 min-width 大于视口(viewport)的元素
• 大的边距/内边距挤压您的内容
• 虽然主体具有视口(viewport)的宽度，但其中的某些内容比视口(viewport)的宽度更大
• 绝对定位元素或位于视口(viewport)之外的元素。

有些人通常使用 body { overflow-x: hidden; } 以减轻或防止任何水平滚动。但我建议不要这样做，因为我更喜欢处理 css/html 问题而不是隐藏它们。