响应式布局需要配置的

写手在作画的夜晚，留下路人惊叹

响应式布局需要配置的

百分百布局   VW布局

---

 

meta标签

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

适配

 

浏览器最小时480 -- 767
@media (min-width:480px) and (max-width: 767px){}

768  --  991 主要是PAD
@media (min-width: 768px) and (max-width: 991px){}

992  --  1199 中等屏幕，分辨率低的PC
@media (min-width: 992px) and (max-width: 1200px){}

 小于479 移动端
@media (max-width: 479px)

这个很大 当页面大于1200px 大屏幕
@media (min-width: 1200px)