响应式布局需要配置的
写手在作画的夜晚,留下路人惊叹
响应式布局需要配置的
百分百布局 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)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步