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

Question

我有一个网站，我想将其安装在移动设备上。我知道所有的移动设备都有不同的屏幕尺寸。解决此问题的最佳方法是什么？

我也知道你可以放 @media 或 @media screen

这两个也有区别吗？

Answer 1

执行此操作的最佳方法是将 div 宽度用百分比来衡量。就像必须每个 50% 的 div，这将在任何屏幕上以相同的方式显示。使用百分比是最好的方法。另一种更简单的方法是使用 bootstrap，它具有现有的 css 类，可以帮助您创建响应式 div、图像等。他们拥有适用于移动设备和 PC 的所有权利 类。希望这有帮助

Answer 2

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

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

显然，两者中的后者是最费力的，只有在屏幕尺寸差异很大时才可以避免和使用。例如，您可能希望针对不同类型的设备而不是屏幕尺寸（手机、平板电脑、计算机）使用单独的模板。

使用特定于设备（而不是特定于屏幕尺寸）的样式可以更好地使用 space 在更高分辨率的设备上。