网页布局
合远
这个作者很懒,什么都没留下…
展开
-
静态、自适应、流式、响应式四中布局的区别
静态布局:不管浏览器大小有多大,设置的网页大小不会改变,如果用手机访问,横向和竖向都会有滚动条,不能缩放大小,宽度固定 自适应布局:网页内容自动适应屏幕分辨率的变化,但数量和位置不会发生变化(自适应的体验http://m.ctrip.com/html5/ ) 流式布局:可理解为网页中的一种样式,网页中的内容一层层往下加载,像微博、今日头条这种消息加载就应用了流式布局 响应式布局:在不同屏幕中原创 2017-10-30 11:34:00 · 672 阅读 · 0 评论 -
多种方式实现自适应布局(以两边固定中间自适应为例)
首先常见的两种布局是响应式布局(随着屏幕的大小可以进行不同的排版)与自适应布局(随着屏幕大小的改变只会进行相应的放大或缩小) 自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmentfault.com/ 本片主要讨论自适应布局: 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属 也就原创 2017-10-30 10:44:38 · 1010 阅读 · 0 评论