css3-Media Query根据设备调整css
css
css3笔记
在css3中，可根据屏幕设置css样式，2种方式。
- 引入不同的css文件
<link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:680px)">
- 根据设备大小，选择css
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- 第一种写法，文件形式 -->
<link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:680px)">
<style type="text/css">
/* 标签形式 */
@media screen and (min-width: 680px){
body{background: blue;}
}
</style>
</head>
<body>
...
</body>
</html>