zoukankan      html  css  js  c++  java
  • jquery---响应式方面应用

    1)给自己的文件定义一个大小范围,显示不同的颜色.

    一:前提是从另外一个地方引进一个css文件,当body小于多少px后,会显示另外一种颜色.
    1,先在另外一个css文件写入body{background-color:black}
    
    2,在住文件
    <style>
    body{
    background-color:red
    }
    </style>
    <link rel="..." href="另外一个css文件的地址" media="screen and (max-200px)"
    
    最后的效果是:开始屏幕显示的是red,当屏幕小于200px后就会显示black.



    ps:要想手机在一定px内,显示就要加上下面2句话:
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    以后的工作中也一定要上加上去..最好后期再pytharm中让他自动加上.

    2)直接在引入文件中加上,要显示的格式

    要和第一个达到同样的效果:
    可以在引入的文件中加上
    
    body{
    background-color:red}
    
    @media screen and (max-480px){
    background-color:yellow
    }
    
    ps:记住每个字母要加上空格.. 然后在主体文件中,引入上面的文件地址. 效果和第一个一样.
  • 相关阅读:
    html5传感器
    html5 canvas手写字代码(兼容手机端)
    PHP pdo单例模式连接数据库
    PHP变量回收
    PHP不过过滤防止xss攻击的方法
    jquery监听回车
    jquery预加载显示百分比
    创建自己的代码仓库
    Luxurious Houses
    Vasya the Hipster
  • 原文地址:https://www.cnblogs.com/52forjie/p/7688420.html
Copyright © 2011-2022 走看看