2016-11-16 分类: 网站设计
响应式设计的先进个关键理念是什么被称为流体网格的使用。建立一个“液态布局”,扩大与页面一直没有很受欢迎,因为创建固定宽度的布局,页面设计,是一个固定数量的像素跨越,然后在页面上居中。然而,当一个人认为今天的市场中存在数量庞大的屏幕分辨率,液态布局的好处是很大。
流体网格超越了传统的液态布局。设计布局基于刚性像素或任意百分比值,而是一个流体网格更精心设计的比例方面。布局时,被挤压到一个微小的移动设备或拉伸,在巨大的屏幕上,通过这种方式,所有的布局中的元素将调整它们的宽度的大小相对于彼此。
为了计算每个页面元素的比例,则必须将其上下文目标元素。目前做到这一点,较好的办法是先建立一个基于像素的图像编辑器。你可以衡量一个页面元素,并除以它的全宽度的页面。例如,如果你的布局是一个典型的像96低像素大小跨,那么这将是你的“容器”的价值。然后,我们的目标元素是一些任意的值,如300像素宽。如果我们将结果乘以100,我们得到了31.25%的百分比值。
标题名称:响应性成都网站设计图解
网站路径:https://www.cdcxhl.com/news0/69100.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容