我正在创建一个移动应用程序,正在使用媒体查询:
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Your Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Your Styles */
}
但分辨率不适合较小的屏幕设备。
一般来说,对于响应式 UI,您应该为尺寸范围设置样式。例如,任何屏幕分辨率低于 320x480 或类似的设备。
是否有任何媒体查询支持移动设备的所有屏幕分辨率?