静态布局、自适应布局、流式布局与响应式布局的区别

最新推荐文章于 2024-05-13 00:02:56 发布

caoyafeicyf

最新推荐文章于 2024-05-13 00:02:56 发布

阅读量7.6k

点赞数 3

分类专栏：其他文章标签：自适应布局流式布局响应式布局静态布局

本文链接：https://blog.csdn.net/caoyafeicyf/article/details/53304457

版权

3 篇文章 0 订阅

订阅专栏

这两天，看到别人在群里问布局特点，发现自己对这方法还是有点模糊，老是忘，于是上网查了下这方面内容，自己总结写出了，如果有错误地方，敬请指正。

意思就是只是针对某个屏幕下设计的网页，当屏幕大小改变时，页面布局不会发生变化，就像经常所看到的滚动条。

特点是分别为不同的屏幕设置布局格式，当屏幕大小改变时，会出现不同的布局，意思就是在这个屏幕下这个元素块在这个地方，但是在那个屏幕下，这个元素块又会出现在那个地方。只是布局改变，元素不变。可以看成是不同屏幕下由多个静态布局组成的。

特点是随着屏幕的改变，页面的布局没有发生大的变化，可以进行适配调整，这个正好与自适应布局相补。

这个就好理解了，意思就是分别为不同的屏幕设计的布局方式，可以理解成自适应布局和流程布局的结合。

结合上述文字描述，再观察如下的页面实际效果，应该可以把这几个概念搞清楚：
http://wow.techbrood.com/fiddle/1753

关注