加载中...
avatar
文章
106
标签
39
分类
32
首页
时间轴
标签
分类
图库
友情
关于
留言板
Tao ying
搜索
首页
时间轴
标签
分类
图库
友情
关于
留言板

移动Web开发之rem适配布局

发表于2023-04-08|更新于2025-11-10|前端CSS移动端web开发
|阅读量:
文章作者: Tao ying
文章链接: https://ruoshui-30.github.io/post/1.html
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Tao ying！
移动Web
cover of previous post
上一篇
移动Web开发之flex布局
cover of next post
下一篇
移动端Web之综合案例
评论
avatar
Tao ying
手握鐵劍，心中無敵！
文章
106
标签
39
分类
32
Follow Me
公告
双 手 合 十 成 为 自 己 的 神, 自 己 所 信 念 的 即 是 信 仰

mao

微信号：GCT1612674018

QQ号：1612674018

目录
  1. 1. 一、rem单位
    1. 1.1. 1.1 rem 单位
  2. 2. 二、媒体查询
    1. 2.1. 2.1 什么是媒体查询
    2. 2.2. 2.2 语法规范
      1. 2.2.1. 2.2.1 mediatype 查询类型
      2. 2.2.2. 2.2.2 关键字
      3. 2.2.3. 2.2.3 媒体特性
    3. 2.3. 2.3 媒体查询+rem实现元素动态大小变化
    4. 2.4. 2.4 引入资源（理解）
  3. 3. 三、Less基础
    1. 3.1. 3.1 维护CSS的弊端
    2. 3.2. 3.2 Less介绍
    3. 3.3. 3.3 Less安装（注意如果使用VSCode无需安装Less）
    4. 3.4. 3.4 Less变量
      1. 3.4.1. 3.4.1 变量命名规范
      2. 3.4.2. 3.4.2 变量使用规范
    5. 3.5. 3.5 Less编译
    6. 3.6. 3.6 Less嵌套
    7. 3.7. 3.7 Less运算
  4. 4. 四、rem适配方案
    1. 4.1. 4.1 rem实际开发适配方案
    2. 4.2. 4.2 rem适配方案技术使用（市场主流）
    3. 4.3. 4.3 rem实际开发适配方案1
  5. 5. 五、苏宁网首页案例制作
  6. 6. 六、rem适配方案2
    1. 6.1. 6.1 简洁高效的rem适配方案flexible.js
    2. 6.2. 6.2 使用适配方案2制作苏宁移动端首页
最新文章
网站分享第六期
网站分享第六期2025-12-31
网站分享第五期
网站分享第五期2025-11-19
网站分享第四期
网站分享第四期2025-11-18
网站分享第三期
网站分享第三期2025-11-12
网站分享第二期
网站分享第二期2025-11-12
©2020 - 2026 By Tao ying
框架 Hexo|主题 Butterfly
搜索
数据库加载中