Responsive design 低分辨率的响应式网络设计？

我正在开发具有响应性网站设计的网站。所以我针对不同的分辨率进行了优化。 但是，低分辨率和小屏幕存在一个问题。目前我忽略了低于280px的屏幕尺寸。

---

响应性网页设计是否有一个通用的最小尺寸，或者应该支持什么屏幕尺寸？我知道分辨率如此低的设备并不多。

不，不太可能，但是对于最低的媒体查询，320px是一个正常的限制；即使设备宽度为280px，也最好使用321px的CSS？比桌面设计更好

---

这取决于。。。低于320px是不寻常的，但这并非不可能。智能手表和其他可穿戴设备正在向我们走来。

是的，托尼的回答完全正确。通常，如果您将模板开发为桌面版，则响应式Web设计css的最低断点为320px，这要求您首先使用桌面分辨率css样式，然后逐步降低不同移动设备的分辨率。如前所述，通常适用于市场上显示分辨率最低的所有设备（例如较旧的智能手机）的最低断点从320px下降

如果您希望从320px宽度获得最低断点，并且每个分辨率低于320px，则使用以下css媒体查询：

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