css - 尝试更改浏览器缩小时页面布局自动更改

Question

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

页面的url是

http://www.tuitionok.com/website-demo/indofast/

在 1680 像素或更大像素下最佳查看的页面屏幕截图。 (这是我想要的所有像素的布局)

小于 1680 像素的最差/不合适页面的屏幕截图。

我希望布局在所有分辨率(缩小/放大)下都以 (1680px) 显示。

你能帮帮我吗？

Answer 1

您将不得不更改您的 CSS 类，或者我建议使用 Bootstrap ，例如使用 Bootstrap 对齐并不太复杂

对于桅杆头，您可以在一行和一列空间 col-lg-12 中指定引导类

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

请从此处引用 Bootstrap 文档以获取更多详细信息 http://getbootstrap.com/