1

我网站的 CSS 目前由 Twitter Bootstrap 处理,它在高分辨率下看起来/工作得很好,比如我的 1920x1200 显示器之一。然而,当我使用更小的设备(例如智能手机,甚至是我的高分辨率 iPad 3)时,我会注意到我的电脑屏幕上根本不存在的各种怪癖。我当然可以通过水平调整浏览器窗口的大小来模拟它们。

怪癖通常是某种形式的随机调整大小(图像将在标题文本之前调整大小),最终所有内容都变成一个大列,这对于浏览网站的任何人来说几乎是无用且难以理解的。

如何使网站在较小的屏幕上看起来完全一样?查看apple.comnest.com,您会发现它们在您用来访问它们的任何设备上都是相同的。

我知道这是 Bootstrap 试图更具响应性/流畅性,但我觉得除非我花费大量精力针对不同的水平分辨率微调该行为,否则我最好在任何屏幕上向用户显示相同的版本。有什么我可以在 Bootstrap 中关闭的东西,可以防止跨度的智能堆叠并在任何地方保持相同的形状?

非常感谢!

4

0 回答 0