起步圈个人博客

文章内容

红色系个人博客自适应模板首页三

发布时间:2018-07-18T13:51:59来源:所属栏目:[ html5+css3] <<连载文章:本文上一篇

    这个系列最后一篇说说在480分辨率下实现自适应所需的css:
     @media screen and (max-width: 480px) {
     h1#logo { float: none }
     #mem{ float: none;display: block;width: 100%; }
     #mem li { display: block; list-style: none; padding: 1px; text-align: center; }
     #mem li a { display: block;padding: 8px 10px;  }
     nav { float: none; }
     nav li { display: block; list-style: none; padding: 1px; text-align: center; }
     nav li a { display: block; }
     .mainContent { float: none; }
     .leftlist {float: none;}
     }
    效果图:

[留言列表]