如何使网页与所有分辨率兼容？

Question

我已经完全设计了我的网页，但我注意到如果我放弃了分辨率，事情看起来就不应该那样了。有没有办法让我的网页在所有分辨率下工作而不必从头开始？

Answer 1

如果您需要以牺牲用户体验为代价来保留布局，则可以在body元素本身上设置min-width和min-height。 （min-height属性可能不受尊重，但是设置了min-width，高度应该相同，因为内部的所有内容都会呈现相同的。）这会导致滚动以获得较低的分辨率，但页面中的元素应该有你想要更高分辨率的定位。
如果完全重新设计是一个实际选项，您可能希望创建一个移动站点，然后检测客户端是否必须滚动（检查窗口高度和宽度），您可以有一些链接建议他们使用移动站点。如果通常通过手机/平板电脑访问，那么该解决方案将具有使移动站点就位的额外好处。缺点是，现在你需要维护两个站点。