zoukankan      html  css  js  c++  java
  • 媒体查询

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>媒体查询文字大小</title>
            <style type="text/css">
                h1{
                    font-size: 20px;
                    text-align: center;
                    line-height: 200px;
                    width: 200px;
                    height: 200px;
                    background: red;
                }
                
                @media only screen and (min- 400px) and (max- 640px) {
                    h1{
                    font-size: 40px;
                    text-align: center;
                    line-height: 400px;
                    width: 400px;
                    height: 400px;
                    background: pink;
                }
                }
                
                @media only screen and (min- 640px) and (max- 1000px){
                    h1{
                    font-size: 60px;
                    text-align: center;
                    line-height: 600px;
                    width: 600px;
                    height: 600px;
                    background: yellow;
                }
                }
            </style>
        </head>
        <body>
            <h1>helloworld</h1>
        </body>
    </html>
  • 相关阅读:
    Ajax
    Linux安装SmartSVN及破解
    JQuery异步提交
    动画效果
    事件
    表单选择器
    DOM操作
    JQuery基础
    PHP环境配置
    DP--钢条切割
  • 原文地址:https://www.cnblogs.com/wwthuanyu/p/10555406.html
Copyright © 2011-2022 走看看