版权声明：内容多为自言自语，请自行判断有无价值。 https://blog.csdn.net/weixin_41702247/article/details/83956602
link标签
<link rel='stylesheet' type='text/css' media='screen and (orientation:portrait) and (min-width:800px)' href='portrait-screen.css' /> css文件内引入其他样式表
@import ulr('phone.css') screen and (max-width:360px);直接在css文件中写判断逻辑
@media (min-wdith:320px){
p{font-size:16px}
}
@media (min-width:640px){
p{font-size:20px}
}
@media (min-width:1200px){
p{font-size:25px}
}
@media (min-width:1500px){
p{font-size:32px}
}常用可供测试的特性：
width：视口宽度
height：适口高度
orientation：设备方向
color：颜色位深，如min-color: 16表示至少16位深
resolution：屏幕或打印分辨率，如min-resolution: 300dpi 或 118dpcm