javascript - 响应式效果

Question

这更像是一个方向性的问题。

有没有办法在非响应式网站内运行响应式元素，例如响应式菜单 - 即不能有视口标签的网站。或者，是否有推荐的方法来实现相同的效果，其中单独的菜单将与移动屏幕尺寸适当地成比例。

Answer 1

响应式站点的工作方式是使用媒体查询，通常是网格系统。

你只需要做一个只影响菜单的媒体查询，你不需要实现或使用整个网格系统。

有关更多信息，请阅读：https ://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

编辑

在您的媒体查询中，您将能够为需要相应调整大小的 html 元素指定样式。请务必将它们放在文档的底部，以便在匹配时覆盖默认样式。

我不确定您要通过这样做来实现什么，但我认为您正在寻找的更多的是流体布局而不是响应式布局。