0

这是一个棘手的问题。我已经使用 bootstrap 及其出色的功能建立了一个网站。非常适合手机/平板电脑。当涉及到桌面时，问题就出现了。

当浏览器大小为例如。1000px（身体的宽度）然后网站看起来应该如何。当浏览器窗口调整大小并变小时，一旦它通过了平板电脑的大小 eg767px ，那么布局就会发生变化以使所有内容都响应。

无论窗口大小如何，有没有办法保持网站的布局完全相同，同时能够使用引导网格系统？

4

3 回答 3

1

您是否尝试过新的网格选项？尤其.col-xs-*应该帮助你。

这是文档中的一个小例子。

<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row">
  <div class="col-xs-6">.col-xs-6</div>
  <div class="col-xs-6">.col-xs-6</div>
</div>
于 2013-09-11T14:44:34.143 回答
0

正如@tim-bartsch 所提到的，xs（超小）网格类col-xs-*在每个屏幕尺寸上的行为都是一样的。这将在http://getbootstrap.com/getting-started/#disable-responsive进行更详细的描述。如果您的布局也使用导航栏，上面可能对您没有帮助。这个指令似乎有点神秘：

如果使用导航栏，请删除所有导航栏折叠和展开行为。

在这种情况下，您也可以尝试：https ://github.com/bassjobsen/non-responsive-tb3

于 2013-11-21T22:22:10.660 回答
0

@media handheld您可以使用理论上仅由手持设备（手机和平板电脑）使用的媒体查询。

见http://www.w3.org/TR/CSS2/media.html

如果这不起作用（因为手机不合作），您可以替换诸如max-device-widthfor之类的东西max-width，因为手机上的浏览器通常会全屏显示。

当然，总有一些平板电脑的屏幕尺寸与台式机显示器相同，并且使用像台式机一样的窗口浏览器，但对于这些机器，您是否仍希望以不同于台式机的方式对待它们？

于 2013-09-11T14:25:16.470 回答