静态,自适应,流式,响应式四种网页布局有什么区别

2020-09-24 科技 90阅读
做好的html页面都是静态的
你所说的静态应该是固定值
静态:比如谷底固定好div的宽度和高度[偏向理解]
自适应:也就是按照你的浏览器宽度自动缩小放大
流式:也就是div自行排列 比如[div 宽是100px 那么我浏览器宽是500px 我们可以排列5个div 如果浏览器宽是300px 那么div就会自动排列成2行 第一行是3个div 第二行是2个div]
响应式:借助css3中的Media Queries 响应媒体查询这个标签来达到判断分辨率大小来执行css中的样式代码[早期做响应式的话 使用js来判断]
像这样网站: ipbun.cn 就是响应式的
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com