我有一个博客:Creative Blogging Tips。我正在尝试使其响应,但我觉得与media queries
进行交互太复杂了,它确实需要很多时间。
我正在寻找一种让我的网站响应更轻松的方法。有没有办法让网站响应而不使用media queries
?
答案 0 :(得分:7)
仍有百分比宽度,最大宽度,最小宽度和类似的css命令。
答案 1 :(得分:2)
我认为没有媒体查询的唯一方法就是使用Javascript。
通过“javascript响应式布局”进行Google搜索我发现ResponseJS似乎无法处理媒体查询。
答案 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,宽度和高度%(
)