zoukankan      html  css  js  c++  java
  • @media only screen and (max-width:640px)中的问题,响应式布局

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./mediaTest.css" media="(max-640px)" >  注: 在link中加  media="(max-640px)"   是对整个mediaTest.css文件起作用
                                                用法。。。
    <title>框架起手势</title>
    </head>
     
    下面是 “./mediaTest.css” 这个文件:
    @media only screen and (max-639px) {
        body {  background-color: red }
        /* 清楚浮动 */
        .left, .right {clear: both;}
      }
  • 相关阅读:
    HDU 1813 Escape from Tetris
    BZOJ 2276 Temperature
    BZOJ 4499 线性函数
    BZOJ 3131 淘金
    HDU 5738 Eureka
    POJ 2409 Let it Bead
    POJ 1286 Necklace of Beads
    POJ 1696 Space Ant
    Fox And Jumping
    Recover the String
  • 原文地址:https://www.cnblogs.com/andy-lehhaxm/p/10359390.html
Copyright © 2011-2022 走看看