【发布时间】：2017-03-30 08:39:18
【问题描述】：
所以我正在尝试构建网站的移动版本，并在窗口宽度小于 400 时使用 CSS 更改样式。基本上网站有 3 个主要部分，上部、中间和底部。我以某种方式调整了上部 div 和在所有设备上都显示得很好，但中间和底部 div 必须完全删除和重建。我有两个选择：为每个部分获取两个预先设计的 div（一个用于桌面，一个用于移动）。当页面加载到桌面时，隐藏一个用于移动，反之亦然。另一种选择是在移动设备中加载页面时使用 javascript 创建所有元素。哪个更好更快？
【问题讨论】：
-
首先，请注意，您的问题很可能已经结束，因为这几乎是一个见仁见智的问题。其次，在我看来，使用 CSS 进行响应式设计。总是 CSS。除非你需要在 CSS 中不可能的行为。只有这样你才应该使用 JS（或者重新设计行为以便你可以在 CSS 中做到这一点）
-
绝对响应和有条件的 css 样式。正如@RoryMcCrossan 所说，只有在无法用 css 解决的情况下，您才应该使用 js。
-
你应该关闭这个问题，因为社区是为了解决方案而不是意见，看看引导它会帮助你
-
我不会说这是关于意见。仅在无法通过 css 完成的情况下主要使用 css 和 js 是一个普遍的答案，有许多支持它的逻辑理由。反过来说的观点是错误的。 （例如，在客户端阻止 javascripts，会减慢渲染速度的 javascripts 性能，事实上，通过 js 进行更改需要应用样式等等） - 如果可以做到并且这样做是有意义的CSS - 使用 CSS
标签： javascript jquery html css responsive-design