zoukankan      html  css  js  c++  java
  • CSS----媒体查询设置根节点字体大小

    <html>
    
    <head>
        <title>CSS----媒体查询设置根节点字体大小</title>
        <meta name="keyword" content="CSS----媒体查询设置根节点字体大小">
        <meta name='discription' content="CSS----媒体查询设置根节点字体大小">
        <style>
        /* 字体大小 */
    
        @media only screen and (min-320px) and (orientation:portrait) {
            html {
                font-size: 12px;
            }
        }
    
        @media only screen and (min-360px) and (orientation:portrait) {
            html {
                font-size: 15px;
            }
        }
    
        @media only screen and (min-400px) and (orientation:portrait) {
            html {
                font-size: 18px;
            }
        }
    
        @media only screen and (min-600px) and (orientation:portrait) {
            html {
                font-size: 24px;
            }
        }
    
        @media only screen and (max-768px) and (orientation:portrait) {}
    
        @media only screen and (min-480px) and (orientation:landscape) {
            html {
                font-size: 12px;
            }
        }
    
        @media only screen and (min-580px) and (orientation:landscape) {
            html {
                font-size: 13px;
            }
        }
    
        @media only screen and (min-730px) and (orientation:landscape) {
            html {
                font-size: 16px;
            }
        }
    
        @media only screen and (min-900px) and (orientation:landscape) {
            html {
                font-size: 21px;
            }
        }
    
        @media only screen and (min-992px) {
            html {
                font-size: 24px;
            }
        }
        </style>
    </head>
    
    <body>
    </body>
    
    </html>
    

      

  • 相关阅读:
    ip代理投票
    linq小笔记;
    c#类的执行顺序
    IEnumerable、GetEnumerator、IEnumerator的理解
    English随笔1
    AudioServicesPlaySystemSound音频服务—IOS开发
    iOS开发之压缩与解压文件
    xcode添加Cocos2d
    使用CoreTelephony获得SIM卡网络运营商名称
    iOS设备进行定位?
  • 原文地址:https://www.cnblogs.com/SunlikeLWL/p/8670558.html
Copyright © 2011-2022 走看看