4.移动端技术选择（单独做页面）一：流式布局（百分比布局）！！！！！

美美| ू•ૅω•́)ᵎᵎᵎ

于 2021-07-26 15:11:28 发布

阅读量88

点赞数

分类专栏：移动端

本文链接：https://blog.csdn.net/lazylYYY/article/details/119108156

版权

移动端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

移动端技术选型：项目经理选择

一：流式布局（百分比布局）

①可做网页宽度自由伸缩

②在布局中可将宽度按100%分成各个模块为20%或其他

移动端技术选型：项目经理选择

一：流式布局（百分比布局）

①可做网页宽度自由伸缩

②在布局中可将宽度按100%分成各个模块为20%或其他

   <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        section {
            width: 100%;
            /* 宽最高不超过980px，最小不低于320px */
            max-width: 980px;
            min-width: 320px;
            margin: 0 auto;
        }
        
        section div {
            float: left;
            width: 50%;
            height: 400px;
        }
        
        section div:nth-child(1) {
            background-color: pink;
        }
        
        section div:nth-child(2) {
            background-color: purple;
        }
    </style>
</head>

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