我有一个博客：创意博客技巧。我试图让它响应，但我发现它太复杂而无法与之交互media queries，它确实需要很多时间。
我正在寻找一种更简单的方法来使我的网站具有响应性。有什么方法可以在不使用的情况下使网站响应media queries？
问问题
5167 次
6 回答
7
还有百分比宽度、最大宽度、最小宽度和类似的 css 命令。
于 2013-03-24T17:36:08.677 回答
2
我认为没有媒体查询的唯一方法是使用 Javascript。
通过“javascript 响应式布局”进行谷歌搜索，我发现ResponseJS似乎无需处理媒体查询。
于 2013-03-24T17:30:06.223 回答
1
当然，您可以在没有媒体查询的情况下使您的网站具有响应性。
不仅如此，您使用媒体查询的次数越少，您的网站就越容易维护。设计一个网站以使用更少的媒体查询是一个很好的设计目标。这可能很棘手，但绝对值得付出努力。
我强烈建议您研究 css flex，但您仍然可以使用浮点数、内联块、百分比。这不是太难的 css 明智的。
于 2014-05-22T20:56:46.723 回答
1
您可以使用 Javascript onresize 和 onload 并检查文档宽度并相应地更改 body 元素（或其他元素）上的类。
我认为媒体查询不太容易出错，尽管您对查询语法的痛苦和耗时是正确的。
于 2014-05-22T20:44:49.130 回答
0
我完全同意，您可能会对仅使用百分比可以完成的事情感到惊讶。但我建议设置视口大小：
<meta name=viewport" content="width=device-width, initial-scale=1">
使用视口标签和百分比是一个很好的开始方式。
于 2013-03-25T19:48:29.387 回答
0
如果不是媒体查询，那么您可以使用引导程序、骨架等框架。还有通量和其他 css 以及以 % 为单位的宽度和高度
于 2016-10-14T05:31:54.770 回答