javascript - 我们需要使用 javascript 来创建响应式布局吗？

Question

我下载了几个免费的响应式布局(如果你好奇的话，你可以简单地通过谷歌找到它们)并且我看到布局至少有一个或两个 javascript 文件。

问题是:javascript 对创建响应式布局必不可少？

然后，在对这个问题的回答是“否”时，您还可以链接一个仅使用 html 和 css 制作的免费响应式布局，那么，您将收到非常感谢。

Answer 1

响应式布局的全部意义在于它可以(并且应该)仅使用 CSS3 媒体查询来完成。

然而，这通常需要一些巧妙的 HTML 设计，特别是如果您想要一个滑入式菜单(提示::active 与 tabindex 结合使用时会非常强大，以使原本“惰性”的元素响应单击链接之类的事件)，许多开发人员根本不会为此烦恼，尤其是当 jQuery 如此容易获得时。

基本上，是的，您可以仅使用 CSS 制作响应式布局。如果你成功了，恭喜你! JavaScript 可用于使事情变得更简单，但一般来说，如果您认为需要它，您可能只需要重新考虑您的工作方式。

不幸的是，我没有为您提供无 JavaScript 响应式布局的链接，那是因为我很笨 - 自己动手吧!

---

编辑回来 虽然我很欣赏 Martijn 使用 JavaScript 使图像根据屏幕尺寸具有可变分辨率的演示，但如果可能的话，可以简单地使用 SVG 使图像具有响应性。如果这不是一个选项，请考虑使用带有 background-image 的容器- 只有匹配媒体查询的图像才会被加载:)