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

Question

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

Answer 1

我不知道你是否已经找到了一个好的解决方案，但我确实想要添加一些东西。

如果您熟悉960网格系统，我打赌您会喜欢skeleton grid。 960网格系统只是一个普通的css框架，固定宽度为960像素。骨架网格广告2更固定状态。

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

我在响应式设计方面也做了很多工作，我发现流体网格很难看。我喜欢固定状态。我认为它更清洁，更容易使用。

-

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

我将这个更大的状态扩展为 1140px 以获得更大的屏幕。之后是默认状态 960px 。之后会弹出 768px ，下一步 480px ，最后 320px 。

这有5个状态，状态4是默认状态。它工作得很好，我将它烘焙成一个空白的WordPress主题，我将用于我的所有项目。