具有固定长度和宽度的 twitter 引导响应式网站

Question

我注意到有几个人对 twitter bootstrap 的固定宽度提供了很好的反馈。我的问题是我的布局需要固定宽度和长度，并且它必须在多个平台（Smarphone、ipad 和多个 pc 屏幕尺寸）上都可以查看。我们取了一个主题，试图在长度和宽度上做一个固定的设计，但总是需要针对各种屏幕尺寸进行调整。关于我们如何使用 twitter 引导主题调整设计以使所有内容都适合一个屏幕（无需向下滚动或横向滚动）并且不必测试多个屏幕尺寸的任何想法？谢谢！

Answer 1

如果您无法滚动并且需要允许任意屏幕尺寸，您需要：

• 内容很少，或者
• 缩放您的内容以适合。

我认为后者需要一些烦人的 javascript；这真的不是我推荐的。

选择您想要支持的最小屏幕，并确保您的所有页面都适合它而无需滚动。将您的固定宽度设置为该屏幕的宽度。注意：在更大的设备上它看起来很小而且很糟糕。

我仍然建议在多个设备上进行测试。