当前位置:网站首页>移动端响应式适配的方法
移动端响应式适配的方法
2022-08-04 02:36:00 【大鸡腿最好吃】
个人理解,移动端适配的方法就算设置他的宽度
1,对于简单一点的页面,一般高度直接设置成固定值,宽度一般撑满整个屏幕
2,可以使用%和vh,vw作为单位,也可以使用flex来进行布局
3,使用媒体查询配合rem来进行适配,1rem等于1比例根元素的font-size的px
4,根页面的根元素设置:min-height:calc(100vh),然后其子元素的页面的高度可以直接设置固定值,宽度使用用百分比,也可以使用flex来布局
边栏推荐
猜你喜欢
Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行(含系列目录)。
In the season of going overseas, the localization of Internet tips for going overseas
C program compilation and predefined detailed explanation
mpf5_定价Bond_yield curve_Spot coupon_duration_有效利率_连续复利_远期_Vasicek短期_CIR模型Derivatives_Tridiagonal_ppf
Flutter3.0线程——四步教你如何全方位了解(事件队列)
halcon自定义函数基本操作
董明珠直播时冷脸离场,员工频犯低级错误,自家产品没人能弄明白
实例037:排序
Countdown to 2 days, the "New Infrastructure of Cultural Digital Strategy and Ecological Construction of Cultural Art Chain" will kick off soon
APP电商如何快速分润分账?
随机推荐
TOML配置文件格式,YAML最有力的竞争者
Engineering drawing review questions (with answers)
yum 仅下载包
自制蓝牙手机app控制stm8/stm32/C51板载LED
各位大佬好,麻烦问一下flink cdc oracle写入doris的时候,发现cpu异常,一下下跑
APP电商如何快速分润分账?
Utilities of Ruineng Micrometer Chip RN2026
瑞能微计量芯片RN2026的实用程序
uni-app 从零开始-基础模版(一)
[Original] Start the XPS/OXPS reader that comes with Windows 10
数据湖(二十):Flink兼容Iceberg目前不足和Iceberg与Hudi对比
Oracle迁移到瀚高之后,空值问题处理
P3384 【模板】轻重链剖分/树链剖分
2022年T电梯修理考题及答案
Dong mingzhu live cold face away, when employees frequency low-level mistakes, no one can understand their products
第08章 索引的创建与设计原则【2.索引及调优篇】【MySQL高级】
[QNX Hypervisor 2.2用户手册]10.3 vdev gic
Detailed analysis of scaffolding content
cdh6.x 集成spark-sql
2022年茶艺师(中级)考试试题模拟考试平台操作