所有设备的CSS或单个设备的CSS

Question

我只是想知道在所有设备上进行Web开发的最佳方法是什么。 我只想知道对所有设备使用1个CSS文件还是对单个设备使用1个CSS文件更好？

由于http 2，它可以在一个TCP连接上加载多个文件，而不是像http 1.1那样使用多个连接。

我问这个问题的原因是，例如当您进入亚马逊或linkedIn时（甚至堆栈溢出）。如果单击“检查”站点，请单击“切换设备工具栏”，然后使用iphoneX或galaxy s9设置（例如再次）。点击刷新，然后关闭“切换设备工具栏”。

您会注意到，css似乎仍然记得移动电话，好像它们检测到该设备并为该设备加载一个css一样，而不是拥有一个适合所有设备的css。

Answer 1

除非您需要为单独的设备创建完全不同的设计（这意味着您的站点有些复杂，即使这样也不总是最好的主意），否则您不应该考虑为“设备”进行设计，而应该考虑诸如屏幕尺寸之类的设备属性，这是通过media queries完成的。这些都可以放在同一个CSS文件中，也可以split them放入单独的文件中以缩短加载时间。