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。