利用CSS3媒体查询实现更换样式表

来源：互联网发布：face 知乎编辑：程序博客网时间：2024/05/18 18:42

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width = device-width, initial-scale = 1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name = "viewport" id = "viewport"/>


<meta>
<title>根据媒体监测更换css</title>

<link id = "mylink" rel = "stylesheet" href = "css/1.css" type = "text/css" media="(min-width:800px)"></link>
<link id = "mylink" rel = "stylesheet" href = "css/2.css" type = "text/css" media="(min-width:500px) and (max-width:799px)"></link>
<link id = "mylink" rel = "stylesheet" href = "css/3.css" type = "text/css" "(max-width:499px)></link>
</head>
<body>

<div>不同样式的版面</div>

</script>
</body>
<html/>

0 0