html - 所有设备的 css 或单个设备的 css

Question

我只是想知道在所有设备上进行 Web 开发的最佳方法是什么。我只是想知道是为所有设备提供 1 个 css 文件还是为单个设备提供一个 css 文件更好？

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

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

您会注意到 css 看起来仍然记得手机，就好像它们检测到设备并为该设备加载 css，而不是拥有适合所有设备的单个 css。

标签： htmlcss

Answer 1

除非您需要为单独的设备创建一个完全不同的设计（这意味着您的网站有些复杂，即使这样也不是最好的主意），您不应该考虑为“设备”进行设计，而应该考虑为设备属性（如屏幕尺寸）进行设计，即通过媒体查询完成。这些都可以在同一个 CSS 文件中，或者您可以将它们拆分为单独的文件以缩短加载时间。