网站宽度缩放

Question

我认为我做了一件坏事。在我的网站http://NWGlobalVA.com我一直在玩网站的规模与浏览器的宽度的想法。我现在已经意识到这是一个坏主意，因为我的元素聚集起来，它开始看起来很糟糕。

我的问题是，我已经支持自己进入一个角落，当它涉及到使这件事再次僵化，以至于它不能缩放。有没有人有任何建议，我应该如何做到上述？我想这是简单的，但我似乎无法找到一种方法来锁定元素，以便一切都显示正常。

Answer 1

您正在将class="bg"添加到内容的最外层div。如果你对这个类做一些CSS技巧，你的问题可能会解决。以下是您可以尝试的一些选项。

1]从这个类的css中删除margin-left: 200px;和margin-right: 200px;并查看结果。无论设备宽度如何，它都会使站点达到全宽。

2]先给CSS为width: 95%;和margin: 0 auto;

3]如果你想使你的网站完全设备友好的，Bootstrap是最好的选择。

4]如果您想要使用当前的CSS规则，则可以使用媒体查询根据设备处理网站尺寸。 Here is the link for Media Queries for Standard Devices