CSS媒體查詢 - 我應該考慮哪些最小寬度？

Question

我正在練習一些響應式設計基礎知識，很多教程沒有明確回答的一個問題是在定位移動設備時需要考慮的最小寬度。

我目前看到的最多的是智能手機的@media only screen and (max-width:480px){...}，然後是平板電腦的@media only screen and (min-width:481px) and (max-width:768px){...}。等等。

我認爲在（合理）定期的基礎上使用的最小屏幕尺寸爲320x480像素。但是，由於可以選擇使用橫向方向，所以不必考慮320像素的寬度。對？

換句話說，假設我會對於設計總是至少有480px的寬度是否合理？別人如何處理這個問題？

Answer 1

準確和理想的答案是320px。