当前位置:网站首页>移动端响应式适配的方法
移动端响应式适配的方法
2022-08-04 02:36:00 【大鸡腿最好吃】
个人理解,移动端适配的方法就算设置他的宽度
1,对于简单一点的页面,一般高度直接设置成固定值,宽度一般撑满整个屏幕
2,可以使用%和vh,vw作为单位,也可以使用flex来进行布局
3,使用媒体查询配合rem来进行适配,1rem等于1比例根元素的font-size的px
4,根页面的根元素设置:min-height:calc(100vh),然后其子元素的页面的高度可以直接设置固定值,宽度使用用百分比,也可以使用flex来布局
边栏推荐
猜你喜欢
2022年茶艺师(中级)考试试题模拟考试平台操作
Continuing to pour money into commodities research and development, the ding-dong buy vegetables in win into the supply chain
贪吃蛇游戏Bug解析及功能扩展
[Study Notes Dish Dog Learning C] Dynamic Memory Management
织梦响应式酒店民宿住宿类网站织梦模板(自适应手机端)
Presto中broadcast join和partition join执行计划的处理过程
深度学习(三)分类 理论部分
Parquet encoding
priority_queue元素为指针时,重载运算符失效
STM8S project creation (STVD creation) --- use COSMIC to create a C language project
随机推荐
参加Oracle OCP和MySQL OCP考试的学员怎样在VUE预约考试
2022广东省安全员A证第三批(主要负责人)考试题库及模拟考试
如何读取 resources 目录下的文件路径?
Pine Script | How to display and typeset a plot switch?
C program compilation and predefined detailed explanation
STM8S105k4t6c---------------Light up LED
Pine脚本 | 如何显示和排版绘图开关?
编写 BOLL 心得体会
2022G1工业锅炉司炉考试练习题及模拟考试
pytorch应用于MNIST手写字体识别
架构实战营模块三作业
倒计时2天,“文化数字化战略新型基础设施暨文化艺术链生态建设发布会”启幕在即
返回字符串中的最大回文数
【学习笔记之菜Dog学C】动态内存管理
自制蓝牙手机app控制stm8/stm32/C51板载LED
[Playwright Test Tutorial] 5 minutes to get started
Example 039: Inserting elements into an ordered list
Example 041: Methods and variables of a class
Dong mingzhu live cold face away, when employees frequency low-level mistakes, no one can understand their products
FileNotFoundException: This file can not be opened as a file descriptor; it is probably compressed