web页面设置客户端适配 作者：七棵菜 日期：2022-11-30 栏目：计算机分类：1 人气：240 - `web`页面做好之后，使用手机模拟器发现页面宽度总是980px? 增加如下配置： ``` <meta name="viewport" content="width=device-width, initial-scale=1.0"> ``` 页面没有配置`viewport`，那么手机预览页面其实是等比列缩小来的PC页面，因此宽度总是`980px` - 根据客户端尺寸显示不同的布局 使用多媒体查询： ``` @media (max-width: 576px) { /* 当页宽度小于或等于576px */ .article-list a { width: 100%; } } @media (min-width: 768px) { /* 当页宽度大于或等于768px */ .category { width: 750px; } } ``` 标签： 980px 页面适配 media查询 viewport 上一篇：如何使用mvn命令导入依赖 下一篇：ThinkTemplate 控制器中配置缓存模板编号 随便看看 2024-02-19 PHP7 运算符“??” 和“?:”的区别 2022-11-30 Linux 后台运行命令 2022-11-25 关于我们 2022-11-30 centos一键系统安装lnmp集成环境 2022-11-30 linux 生成 ssh 公钥 留言
