<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--外嵌方式-->
<!--当屏幕分辨率小于480px时,背景色为max.css的背景色-->
<link rel="stylesheet" href="max.css" media="only screen and (max-width:480px)">
<style>
/*内嵌方式*/
/*当屏幕分辨率小于480px时,背景色为yellowgreen*/
@media screen and (min-width:480px){
body{background: yellowgreen;}
}
</style>
</head>
<body>
</body>
</html>
css3-Media Query实现最简单的响应式布局
最新推荐文章于 2021-03-29 09:02:09 发布