媒体查询引入资源

1.当我们屏幕大于等于640px以上的，我们使用style640.css
2.当我们屏幕小于640我们使用style320.css
一个建议: 我们媒体查询最好的方法是从小到大

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>媒体查询：引入资源</title>
    <style>
        /*当我们屏幕大于等于640px以上的，我们使用style640.css*/
        /*当我们屏幕小于640我们使用style320.css*/
        /*一个建议: 我们媒体查询最好的方法是从小到大*/
    </style>
    <link rel="stylesheet" href="320.css" media="screen and (min-width:320px)">
    <link rel="stylesheet" href="640.css" media="screen and (min-width:640px)">
</head>
<body>
    
</body>
</html>

 

posted @ 2020-07-25 15:38  木木木同学  阅读(215)  评论(0)    收藏  举报