有没有办法让网站响应没有媒体查询

时间:2013-03-24 17:20:53

标签: css css3 media-queries

我有一个博客:Creative Blogging Tips。我正在尝试使其响应,但我觉得与media queries进行交互太复杂了,它确实需要很多时间。

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

6 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:2)

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

通过“javascript响应式布局”进行Google搜索我发现ResponseJS似乎无法处理媒体查询。

我还建议您寻找一些CSS框架,例如Columnal1140,这样可以在设计响应式布局时更轻松地完成工作。

答案 2 :(得分:1)

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

我认为媒体查询不容易出错,尽管你对查询语法是正确的是痛苦和耗时的。

答案 3 :(得分:1)

当然,您可以在没有媒体查询的情况下使您的网站响应。

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

我强烈建议您查看css flex ,但您仍然可以使用浮点数,内联块,百分比。 css明智不是太难。

答案 4 :(得分:0)

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

答案 5 :(得分:0)

如果不是媒体查询,那么你可以使用bootstrap,skeleton等框架。 还有助焊剂和其他css,宽度和高度%(