根据media screen 加载css

<无详细内容> <无>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="59.css" media="screen and (max-width:800px)">
	<link rel="stylesheet" href="60.css" media="screen and (min-width:800px)">
	<style>
/*
		@media screen and (max-width:800px){
			.demo{
				background: red;
			}
		}
		@media screen and (min-width:800px){
			.demo{
				background: grey;
			}
		}
*/
		
	</style>
</head>
<body>
<div class="demo">
	1213121331
</div>	
</body>
</html>

.demo{
	background: red;
}

.demo{
	background: grey;
}

相关文章：

你感兴趣的文章：

标签云：