首页 > 编程知识 正文

如何做响应式布局,前端响应式布局几种方式

时间:2023-05-05 16:10:39 阅读:55885 作者:1099

. container { display: flex; margin : 0自动; max-width: 800px; border : 1px固态黑; } .left { display: flex; 背景色: orange; margin: 5px; width: 200px; }@media(max-width:640px ).left ) display:none; } } .right { display: flex; flex: 1; margin: 5px; 背景色:蓝色; } divclass=' container ' divclass=' left '这里是友情链接、广告等/div div class='right '这里是一些重要内容,比如文章,文章是整个页面的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 /div /div

移动终端下:

非移动终端下:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。