海力源码logo图片
400电话图片
热门关键词:  响应式网站    设计网站    营销型网站   
源码资讯
当前位置:首页 > 源码资讯 > 企业网站设计流式布局

企业网站设计流式布局

资讯来源:海力源码    点击次数:532    更新时间:4/14/2022 9:45:04 PM
除了使用viewpoint和Media Query外, 在代码中, 对width的设置是以百分号的形式赋值的, 这就是要实现响应式布局的第三个技术, 即。

流式布局英文名称为Liquid Layout, 流式布局是指网页页面中各部分按照一定的百分宽度比来设置。例如说像刚才例子中对类left和right的设置所使用到的两栏布局的网页, 当左侧栏占50%宽, 右侧栏占50%宽的时候就是两栏布局, 如果把左侧栏与右侧栏都设置为100%宽的时候, 这个网页的布局就从左右两栏变成了上下两栏的布局了。

使用流式布局对于响应式设计来说就是一个很好的选择, 可以确定网页中的元素保持一定的百分比呈现出来, 比固定宽度的设置的灵活性更好。


  • 海力源码手机版
  •  联系网站客服
  • 本站图片等部分资料来源于网上,部分未能与原作者取得联系,若涉及版权问题,请联系我们删除!
  • Copyright www.hailiym.com © 2026 All Rights Reserved 海力源码 版权所有 模板标签
  • 联系地址:广东省东莞市南城区莞太路  源码技术支持QQ:42805021
  •    计算机软件著作权登记号:2019SR1008471