笙烛

关注

移动端开发适配方案(笔记)

笙烛

关注

阅读 193

2022-10-22

移动开发的核心是屏幕适配,常见的几种适配方案如下:

固定宽度(缺点两边留白)

  • 设置<meta name="viewport" content="width=device-width,initial-scale=1">
  • 设置内容区域大小为320px,固定版心;
  • 设置内容区域水平居中显示,两侧留白,对宽屏不友好;

关于手机尺寸: ​​https://www.ubuuk.com/screen​​


相关推荐

思考的鸿毛

Vant移动端rem适配方案

思考的鸿毛 172 0 0

m逆光生长

vite+vue+vant移动端适配方案

m逆光生长 317 0 0

生活记录馆

vue移动端适配方案 - px 自动转 rem

生活记录馆 82 0 0

Xin_So

移动Web开发之rem实际开发适配方案

Xin_So 108 0 0

其生

vue-cli4 移动端和PC端适配方案

其生 73 0 0

陆公子521

移动端H5适配方案(淘宝lib-flexible)

陆公子521 81 0 0

前端王祖蓝

Vue移动端基于vw适配方案(简单)移动端相关术语解析(易懂)

前端王祖蓝 120 0 0

程序猿不脱发2

前端适配方案

程序猿不脱发2 32 0 0

外贸达人小峻先森

前端html原生页面兼容多端H5和移动端适配方案

外贸达人小峻先森 13 0 0

脱下愤怒的小裤衩

官网适配方案

脱下愤怒的小裤衩 31 0 0

精彩评论(0)

0 0 举报