西安HTML5培训-几种响应式布局的设计办法
西安HTML5培训-几种响应式布局的办法
1、中心定 位,两侧自适应
这种方法是将内容和视觉居中,而且把尺寸控制在1000px以内。左右两侧就放一些辅助信息,让他们根据屏幕宽度自适应即可。
2、单侧定 位,中心延伸展开
这个方法就是把主要的内容放在左侧。这是我们阅读习惯所决定的,然后右边放一些辅助信息。中间这块是自适应屏幕宽度内容。
3、腾讯称为的小切糕全屏响应式设计。
其实小切糕全屏响应式设计算是瀑布流里面的一种。是根据屏幕宽度进行计算,以一个比较小的单元格微基础,然后以2倍,3倍,4倍等方式进行拓展,并计算出适合的完整组合。通常用在图片信息展示页面。
蓝鸥秉承 “让教育回归本质”的理念,强化责任心,严把质量关,实行封闭式管理,采取严格的考核和测评机制。蓝鸥高品质的服务赢得了社会各界的广泛关注和国家高度赞誉。
学HTML5,就来蓝鸥科技,是你的不二选择!蓝鸥科技西安校区HTML5马上就要开班了,现在报名送福利,减免学费,还有HTML5西安首期班由蓝鸥创始人李静波老师亲自授课,技术大牛带你玩转H5
1、中心定 位,两侧自适应
这种方法是将内容和视觉居中,而且把尺寸控制在1000px以内。左右两侧就放一些辅助信息,让他们根据屏幕宽度自适应即可。
2、单侧定 位,中心延伸展开
这个方法就是把主要的内容放在左侧。这是我们阅读习惯所决定的,然后右边放一些辅助信息。中间这块是自适应屏幕宽度内容。
3、腾讯称为的小切糕全屏响应式设计。
其实小切糕全屏响应式设计算是瀑布流里面的一种。是根据屏幕宽度进行计算,以一个比较小的单元格微基础,然后以2倍,3倍,4倍等方式进行拓展,并计算出适合的完整组合。通常用在图片信息展示页面。
蓝鸥秉承 “让教育回归本质”的理念,强化责任心,严把质量关,实行封闭式管理,采取严格的考核和测评机制。蓝鸥高品质的服务赢得了社会各界的广泛关注和国家高度赞誉。
学HTML5,就来蓝鸥科技,是你的不二选择!蓝鸥科技西安校区HTML5马上就要开班了,现在报名送福利,减免学费,还有HTML5西安首期班由蓝鸥创始人李静波老师亲自授课,技术大牛带你玩转H5