码迷,mamicode.com
首页 > 其他好文 > 详细

rem

时间:2016-08-16 23:59:35      阅读:406      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>root</title>
    <style type="text/css">
    @media (max-width : 479px) { 
        html {
            font-size: 12px;
        }
    }

    @media (min-width : 480px) and (max-width : 779px) { 
        html {
            font-size: 14px;
        }
    }

    @media (min-width : 780px) and (max-width : 979px) { 
        html {
            font-size: 16px;
        }
    }

    @media (min-width : 980px) and (max-width : 1199px) { 
        html {
            font-size: 18px;
        }
    }

    @media (min-width : 1200px) { 
        html {
            font-size: 20px;
        }
    }
    </style>
</head>
<body>
    
    <h1 style="font-size: 1rem;padding: 1rem;">Hello World!</h1>

</body>
</html>

 

rem

标签:

原文地址:http://www.cnblogs.com/jiangxiaobo/p/5777939.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!