当前位置:网站首页>移动端响应式适配的方法
移动端响应式适配的方法
2022-08-04 02:36:00 【大鸡腿最好吃】
个人理解,移动端适配的方法就算设置他的宽度
1,对于简单一点的页面,一般高度直接设置成固定值,宽度一般撑满整个屏幕
2,可以使用%和vh,vw作为单位,也可以使用flex来进行布局
3,使用媒体查询配合rem来进行适配,1rem等于1比例根元素的font-size的px
4,根页面的根元素设置:min-height:calc(100vh),然后其子元素的页面的高度可以直接设置固定值,宽度使用用百分比,也可以使用flex来布局
边栏推荐
- Example: 036 is a prime number
- yum 仅下载包
- Dong mingzhu live cold face away, when employees frequency low-level mistakes, no one can understand their products
- DHCP服务详解
- sql有关问题,小时粒度,找到前一个小时内的数据
- There are too many systems, how to realize multi-account interworking?
- TOML configuration file format, YAML's top contender
- 【Playwright测试教程】5分钟上手
- 系统太多,多账号互通如何实现?
- 2022广东省安全员A证第三批(主要负责人)考试题库及模拟考试
猜你喜欢
Security First: Tools You Need to Know to Implement DevSecOps Best Practices
安全至上:落地DevSecOps最佳实践你不得不知道的工具
In a more general sense, calculating the displacement distance and assumptions
Example 040: Reverse List
Snake game bug analysis and function expansion
Web APIs BOM - operating browser: swiper plug-in
在更一般意义上验算移位距离和假设
STM8S105k4t6c--------------点亮LED
如何在MySQL中的数据库下删除所有的表
html select tag assignment database query result
随机推荐
[Playwright Test Tutorial] 5 minutes to get started
C程序编译和预定义详解
Countdown to 2 days, the "New Infrastructure of Cultural Digital Strategy and Ecological Construction of Cultural Art Chain" will kick off soon
Oracle迁移到瀚高之后,空值问题处理
html select tag assignment database query result
实例041:类的方法与变量
Day13 Postman的使用
织梦内核电动伸缩门卷闸门门业公司网站模板 带手机版【站长亲测】
Flink原理流程图简单记录
[QNX Hypervisor 2.2用户手册]10.3 vdev gic
halcon自定义函数基本操作
一文看懂推荐系统:召回04:离散特征处理,one-hot编码和embedding特征嵌入
ant-design的Select组件采用自定义后缀图标(suffixIcon属性)时,点击该自定义图标没有反应,不会展示下拉菜单的问题
TOML配置文件格式,YAML最有力的竞争者
What is SVN (Subversion)?
pytorch applied to MNIST handwritten font recognition
2022年茶艺师(中级)考试试题模拟考试平台操作
Zabbix设置邮件告警+企业微信告警
Utilities of Ruineng Micrometer Chip RN2026
sqoop ETL工具