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

Question

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

Answer 1

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

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

海事组织的好处是它们是固定状态，它们在浏览器调整大小而不是流体变化时弹出。

我也在响应式设计中工作很多，我发现流体网格很丑。我喜欢有固定的状态。我认为它更清洁，更容易处理。

-

我自己与我自己的网格是一个组合工作。它具有960像素的基础，适用于不支持媒体查询的中型屏幕和浏览器。

我扩大了这个更大的屏幕的1140px更大的状态。之后是默认状态960px。之后，弹出状态为768px，接下来480px，最后是320px。

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