mia*_*elf 3 html css css3 responsive-design
有没有人知道如何根据浏览器宽度完成不同的布局,就像这两个网站一样？
我试过谷歌它,查看Stackoverflow问题,看看他们的代码,但我想我错过了一些东西.它实际上根据窗口的宽度重新排列和调整一些元素的大小,但是如何？JavaScript的？
很抱歉,如果我的搜索技能只是失败,但我不确定要查找什么,这里的"类似问题"似乎没有关系,甚至CSS-Tricks也没有信息在一个容易找到的地方.
小智 5
您不需要使用JS来检测浏览器宽度.您可以简单地使用CSS媒体查询来更改布局.
例如:
@media screen and (max-width: 1280px) {
... selector(s) here ...
}
将CSS仅应用于最多1280像素宽的屏幕.
也可以看看: