Question

我设计了一个响应式网页，最好在1680像素的屏幕上观看。但是当我要使用firefox的视图菜单缩小页面时，页面布局会自动更改为两列，页面内容也会更改为最差设计。

页面的网址是

以1680像素或更高像素观看最佳视图的页面的屏幕截图。（这是我想要的所有pixcel的布局）

在低于1680像素的情况下最差/不合适的页面的屏幕截图。

我希望布局与所有分辨率（缩小/放大）中显示的（1680px）相同。

你能帮帮我吗？

Answer 1

你将不得不在你的CSS类中进行更改，或者我建议使用bootstrap，使用bootstrap进行对齐并不是太复杂，例如

对于桅杆头，您可以在一行和列空间col-lg-12

中指定bootstrap类

<div class="row">
<div class="col-lg-12 col-md-12">
 ---- Your content goes here
 </div>
</div>

请参阅bootstrap文档，了解更多详情，请点击此处http://getbootstrap.com/

Answer 2

您必须使用网格系统布局才能获得完美的响应式网站，因此，您可以使用Bootstrap或Foundation 5。