我应该使用什么屏幕尺寸进行媒体移动查询？

Question

我有一个我想要适合移动设备的网站。我知道所有移动设备都有不同的屏幕尺寸。什么是最好的方法呢？

我也知道您可以 @media 或 @media screen

这两者之间是否存在差异？

Answer 1

执行此操作的最佳方法是使用百分比衡量div的宽度。比如每个50％的div，将在任何屏幕上以相同的方式显示。使用百分比是最好的方法。另一种更简单的方法是使用bootstrap，它有现有的css类，可以帮助你创建响应的div，图像等。他们拥有适用于移动和电脑的所有合适的课程。希望这有帮助

Answer 2

构建适合移动设备的网站有许多不同的做法。最值得注意的是Responsive Web Design。

另一种方法是创建需要针对每个设备屏幕大小单独编码的设备特定模板。

显然，后两者是劳动密集型的，可以避免使用，只有在处理大量屏幕尺寸差异时才能使用。例如，您可能希望为不同类型的设备设置单独的模板，而不是屏幕尺寸（手机，平板电脑，计算机）。

执行特定于设备（不是特定于屏幕尺寸）的样式可以更好地利用更大分辨率设备上的空间。