如何在调整浏览器窗口大小时制作不制动和水平滚动的 HTML 页面答案

【问题标题】：How to make HTML page that doesn't brake and scroll horizontally instead when resizing browser window如何在调整浏览器窗口大小时制作不制动和水平滚动的 HTML 页面
【发布时间】：2019-11-07 22:55:27
【问题描述】：

想知道如何制作一个在您调整浏览器窗口大小并允许您水平滚动时不会中断（也不会移动元素）的页面。

元素是否以某种方式固定？

【问题讨论】：

标签： html css web frontend

【解决方案1】：

请问您为什么想要一个固定宽度的网站？它违背了当前的最佳实践，违反了accessibility guidelines。我建议您尽最大努力尝试使其成为responsive。

【讨论】：

【解决方案2】：

是的，要么让它响应，要么在你的css中使用@media，这取决于你调整浏览器的大小，它会根据它重新格式化

*这里有一个如何使用它的链接 https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

【讨论】：

【解决方案3】：

对于那些感兴趣的人，我找到了解决方案。您需要将最外面的 div 的边距设置为自动并以像素为单位指定宽度

【讨论】：

【解决方案4】：

尝试使用最大宽度。更多关于 max-width 的信息可以在 here 找到。

【讨论】：