移动端布局-流式布局

最新推荐文章于 2024-05-14 16:13:23 发布

糕手z

最新推荐文章于 2024-05-14 16:13:23 发布

阅读量771

点赞数 2

本文链接：https://blog.csdn.net/weixin_49455047/article/details/121690554

版权

1.1流式布局（百分比布局）流式布局，就是百分比布局，也称非固定像素布局通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素限制，内容向两侧填充流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width 最小宽度（min-height 最小高度） <style>*{margin:0;...

摘要由CSDN通过智能技术生成

1.1流式布局（百分比布局）

流式布局，就是百分比布局，也称非固定像素布局
通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素限制，内容向两侧填充
流式布局方式是移动web开发使用的比较常见的布局方式

max-width 最大宽度（max-height 最大高度）
min-width 最小宽度（min-height 最小高度）

   <style>
      * {
        margin: 0;
        padding: 0;
      }
      section {
        width: 100%;
        max-width: 980px;
        min-width: 320px;
        margin: 0 auto;
      }
      section div {
        box-sizing: border-box;
        float: left;
        width: 50%;
        height: 400px;
      }
      div:nth-child(1) {
        background-color: yellow;
      }
      div:nth-child(2) {
        background-color: orange;
      }
    </style>

 <body>
    <section>
      <div></div>
      <div></div>
    </section>
  </body>

1.2京东移动端首页案例

1.技术选型

方案：我们采取单独制作移动页面方案

技术：布局采用流式布局

最低0.47元/天解锁文章

糕手z

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
移动端布局-流式布局

1.1流式布局（百分比布局）流式布局，就是百分比布局，也称非固定像素布局通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素限制，内容向两侧填充流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width 最小宽度（min-height 最小高度） <style>*{margin:0;...
复制链接

扫一扫