CSS 媒体查询 - 我应该考虑什么最小宽度？

Question

我正在练习一些响应式设计的基础知识，而很多教程都没有明确回答的一个问题是在针对移动设备时要考虑的最小宽度。

到目前为止，我看到的最多的是@media only screen and (max-width:480px){...} 用于智能手机，然后@media only screen and (min-width:481px) and (max-width:768px){...} 用于平板电脑。以此类推。

我认为（合理地）定期使用的最小屏幕是 320 像素 x 480 像素。但是，由于可以选择使用横向，因此不必考虑 320px 宽度。对吧？

换句话说，假设我将总是有至少 480px 的宽度用于设计是否合理？其他人如何处理？

Answer 1

准确和理想的答案是 320 像素。