有没有什么办法可以让网站响应而不需要媒体查询

我有一个博客：Creative Blogging Tips。我试图让它响应，但我觉得它与media queries互动太复杂了，它确实需要很多时间。有没有什么办法可以让网站响应而不需要媒体查询

我正在寻找一种更简单的方法来使我的网站响应。有没有办法让网站响应而不使用media queries？

2013-03-24 Yash

都能跟得上的高度。考虑到移动设备和平板电脑的设计需要重新设计旧网站。 – dotty 2013-03-24 17:24:37

我认为没有媒体查询的唯一方法就是使用Javascript。

通过“JavaScript响应式布局”搜索我发现ResponseJS这似乎免除处理媒体查询。

我还建议您寻找一些CSS框架，如Columnal和1140，这使得您在设计响应式布局时更容易工作。

2013-03-24 17:30:06

还有百分比宽度，最大宽度，最小宽度和类似的css命令。

2013-03-24 17:36:08 aNewStart847

我完全同意，你可能会惊讶你能用百分比完成什么。但我建议设置视口大小： <meta name=viewport" content="width=device-width, initial-scale=1"> 使用视口标记和百分比是一个很好的开始。

2013-03-25 19:48:29 kevinB

您可以使用Javascript onresize和onload检查文档宽度并相应地更改body元素（或其他元素）上的类。

我认为媒体查询不太容易出错，尽管您对查询语法是很痛苦和耗时的。

2014-05-22 20:44:49 Rolf

当然，您可以让您的网站无需媒体查询即可响应。

不仅如此，而且您使用媒体查询的次数越少，您的网站就越容易维护。设计一个网站使用较少的媒体查询是一个很好的设计目标。这可能会很棘手，但这绝对是值得的。

我强烈建议您查看css flex，但仍然可以使用浮动内嵌块百分比。这不是太困难的聪明。

2014-05-22 20:56:46

如果没有媒体查询，那么你可以使用像引导框架，骨骼等此外助焊剂等CSS和宽度，并在％

2016-10-14 05:31:54

回答