适应屏幕分辨率答案

【问题标题】：Adapt to screen res适应屏幕分辨率
【发布时间】：2017-02-11 16:25:18
【问题描述】：

所以由于某种原因，我的网页在我的主屏幕上显示得很好，但它在我的第二台显示器上搞砸了。主屏分辨率：1440x900，副屏分辨率：1280x800

【问题讨论】：

【解决方案1】：

你的问题是你告诉它中间部分要向右移动多少像素。除非使用您网站的每个人都使用与您的主显示器相同的屏幕分辨率，否则您的编码方式永远不会正确。

您应该改为使用relative positioning、flexbox，或者可能最简单且对浏览器最友好的方法是使用像bootstrap 这样的框架，它可以帮助您按照自己的方式进行布局。

另外 - 删除水平滚动就像说 overflow-x: hidden 作为 body 上的 css 属性或其他导致侧滚动的东西一样简单

【讨论】：

如果我将定位设置为相对它会完全消失？
是的...正如here 提到的，它是所有定位属性中最令人困惑的选项。我只将它放在答案中，因为它是您可以使用的选项。就我个人而言，我会使用他们拥有的引导网格系统，或者使用 flexbox 的想法。
恕我直言，我对此了解的更少。我对所有这些编码内容都比较陌生，感谢您为回答我的问题所做的努力。不过，我会请我的老师解释一下引导的想法。