html经典布局(适用于移动端)

主要采用流式布局flex布局实现。
在很多时候,移动端页面一个层常分列,但浏览器屏幕差别,用浮动,或者定位写老是出现一堆或大或小的差错,此时用流式布局就可避免这些错误。

代码:

    
            
            

    
    

    

          
icon 左侧——>宽度为80px固定不变 icon 右侧——>距离左边10px,为除左侧以及边距的剩余长度
icon 左侧——>宽度为80px固定不变 icon 右侧——>距离左边10px,为除左侧以及边距的剩余长度

效果图:
html经典布局(适用于移动端)_第1张图片

转载自前端网

你可能感兴趣的:(webApp)