我的网站的CSS目前由Twitter Bootstrap处理,它在高分辨率下看起来/效果很好,例如我的1920x1200显示器。然而,只要我去一个较小的设备,如智能手机,甚至我的高分辨率iPad 3,我都会注意到我的电脑屏幕上根本就没有的各种怪癖。我当然可以通过水平调整浏览器窗口来模拟它们。
怪癖通常是某种形式的随机调整大小(图像将在标题文本之前调整大小),最终所有内容都变成一个单独的大列,这对于浏览网站的任何人来说都是无用的和难以理解的。
如何在较小的屏幕上使网站看起来完全一样?查看apple.com和nest.com,您会注意到他们在您用来访问它们的任何设备上都是相同的。
我知道它的Bootstrap试图提高响应性/流畅性,但我觉得这样,除非我花费相当大的精力来调整不同水平分辨率的行为,否则我会更好地向用户展示任何屏幕上的相同版本。我可以在Bootstrap中关闭哪些东西来阻止跨距的智能堆叠并在各处保持相同的形状?
非常感谢!