网站宽度缩放

时间:2015-10-03 04:17:59

标签: php html css html5

我想我做了一件坏事。在我的网站http://NWGlobalVA.com上,我一直在想要让网站按照浏览器的宽度进行扩展。我现在已经意识到这是一个坏主意,因为我的元素束起来并且它看起来很糟糕。

我的问题是,当我再次使这个东西变得僵硬以至于它不能扩展时,我已经支持自己。有没有人对我应该怎么做才有任何建议?我想这很简单但是我似乎无法找到锁定元素的方法,以便一切都显示出来。

1 个答案:

答案 0 :(得分:1)

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

1]从此课程的CSS中删除margin-left: 200px;margin-right: 200px;,然后查看结果。无论设备宽度如何,它都会使网站成为全宽。

2]尝试将CS​​S作为width: 95%;margin: 0 auto;

3]如果您想让您的网站完全适合设备,Bootstrap是最佳选择。

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