针对低分辨率的响应式网页设计？

Question

我正在开发具有响应式Webdesign的网站。所以我针对不同的分辨率优化它。 但是，低分辨率和小屏幕存在问题。目前我忽略了低于280px的屏幕尺寸。 响应式网页设计是否有通用的最小尺寸或应支持哪种屏幕尺寸？我知道没有很多设备具有如此低的分辨率。

Answer 1

不是没有，但320px是最低媒体查询的正常限制 - 但是;即使设备宽度为280px，最好将CSS用于321px？比桌面设计更好。

这一切都取决于它......低于320px是不寻常的，但这并非不可能。智能手表和其他可穿戴设备即将推出。

Answer 2

是的，Tony对他的回答是完全正确的。响应式网页设计css的最低分界点通常为320px，如果您将模板开发为桌面优先版本，那么您首先要获得桌面分辨率css样式，然后逐步降低不同的移动设备分辨率。正如已经说过的那样，通常最低的断点通常适用于市场上显示分辨率最低的所有设备（例如旧的智能手机），从320px下降。

如果您希望从320px宽度和320px以下的每个分辨率获得最低断点，那么您可以使用此css媒体查询：

@media screen and (max-device-width: 320px) {
your styles
...
}