CSS-移动端页面(响应式)
媒体查询
// 样式表中的CSS媒体查询
<style>
@media (min-width: 769px){
body{ background-color: purple;}
}
@media (min-width: 321px) and (max-width: 768px){
body{ background-color: orange;}
}
@media (max-width: 320px){
body{ background-color: red;}
}
</style>
// link元素中的CSS媒体查询
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />