zoukankan      html  css  js  c++  java
  • 12/8

    @media screen and (max- 650px){
    #quan{
    98%;
    margin: auto;
    position: relative;
    }
    .duoYong ul li a div {
    3.09rem;
    }

    .duoYong ul li a .maiDan {
    background: url("../images/bot_menu.jpg") -20px 0;
    }

    .duoYong ul li a .youHui {
    background: url("../images/bot_menu.jpg") -180px 0;
    }

    .duoYong ul li a .diTu {
    background: url("../images/bot_menu.jpg") -340px 0;
    }

    .duoYong ul li a .woDe {
    background: url("../images/bot_menu.jpg") -490px 0;
    }

     }

    这是我今天写的代码主要就是让网页能够实现响应式的布局,用媒体规定在浏览器在缩小到多少像素的时候里面的内容也缩小。

    我感觉响应式的布局很烦因为一些东西为了顾全到手机平板电脑就必须写上几遍。。

  • 相关阅读:
    6-1面向对象
    5-1模块
    python随机数
    4-5目录
    4-4内置函数
    4-3迭代器和生成器
    4-1装饰器1
    4-2装饰器2
    3-4函数-全局变量
    3-5递归-函数
  • 原文地址:https://www.cnblogs.com/l979662050/p/5030678.html
Copyright © 2011-2022 走看看