android - 响应式设计/媒体查询

Question

我一直在寻找“响应式设计”的一些标准，大多数时候我最终得到的是与此类似的东西 --> Responsive Design .

但是!它说大多数页面都说我应该为智能手机使用以下最小宽度和最大宽度，而且我知道我的智能手机的分辨率为720 x 1280 并且不适合下面的媒体查询!

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    /* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    /* Styles */
}

最好的方法是什么？我希望我的 1280 x 720(横向)的 android 设备使用一个 css，而 1280 x 720 的台式电脑使用另一个。

Answer 1

最好测试您的设计并找出适合它的断点，并以此作为您的@media 规则的基础，而不是追逐特定的屏幕尺寸。有太多的屏幕尺寸无法专门满足所有这些需求，而且您也不需要这样做。