javascript - 我应该通过 JS 还是 CSS 加载响应式设计

Question

我正在寻找一个稍微响应的设计。我很想知道人们在加载响应式设计时的感受，我是否应该加载一个新的 css 文件并使用 JS 来定义屏幕大小。或者我应该在当前的 css 文件中创建媒体查询，然后从那里开始。寻找关于速度的意见和人们的感受是更优化的方法。

Answer 1

将有关样式的所有内容放在 CSS 文件中是最佳做法。

• HTML => 结构
• CSS => 样式
• JS => 逻辑

您分离关注点越多，您的代码就越容易维护。

Answer 2

由于 javascript 可能被禁用，您应该仅使用 CSS 来实现响应目的。

如果你真的离不开 javascript（例如在 dom 中移动元素），请确保你有一些用于非 js 启用用户的后备 css。

Answer 3

事实上，很少有用户会禁用 javascript，除非他们是在紧急情况下（例如，如果他们只有过时的手机，因为他们的新手机没电了）。如果您的网站不适合这些情况，请使用 javascript 而不用担心用户会禁用。

通常，如果文件大小合理，将媒体查询放在一个 css 文件中将是一个不错的选择，因为一个文件比单独的文件发出的请求更少。

另一方面，Javascript 是非常后备的，因为旧的 IE 不支持媒体查询。

您可以参考一些框架，例如bootstrap。一个实现胜过所有答案。