css - 可以使用媒体查询使固定宽度的网站响应吗？

Question

我有一个网站。它是固定宽度的。我正在寻找一些教程以使其响应迅速，而无需使其流畅。是否可以？我可以使用媒体查询来制作移动/标签/触摸设备兼容的网站，而无需对当前的 HTML 文件(因为有很多)做太多更改，而是通过修改 CSS 吗？

Answer 1

不知道大家有没有找到好的解决方案，不过我想补充一点。

如果您熟悉 960网格系统我打赌你会喜欢 skeleton grid . 960 网格系统只是一个固定在 960 px 宽度的普通 css 框架。骨架网格为此增加了 2 个固定状态。

IMO 的好处是它们是固定状态，它们会在浏览器调整大小时弹出到位而不是流动变化。

我也经常使用响应式设计，但我发现流体网格很难看。我喜欢有固定的状态。我认为它更简洁，更易于使用。

--

我自己使用我自己的组合网格。它的基数为 960px，适用于不支持媒体查询的中等屏幕和浏览器。

我用一个更大的状态 1140px 来扩展它以获得更大的屏幕。之后是960px的默认状态。之后是 768px，接下来是 480px，最后是 320px。

这有 5 个状态，默认状态为 4。它工作得很好，我正在将它烘焙成一个空白的 WordPress 主题，我将在我的所有元素中使用它。