移动端基础

一.了解

在这里插入图片描述
在这里插入图片描述

二.视口

1.视口形式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.视口标签

在这里插入图片描述

3.viewport设置

在这里插入图片描述

三.二倍图

1.像素比

pc是1px=1个物理像素
但是移动端不尽相同
所以有了多倍图
在这里插入图片描述

2.多倍图

在这里插入图片描述

3.背景缩放及使用(background-size)

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4.多倍图切图

在这里插入图片描述

四.移动端开发选择

1.单独制作

在这里插入图片描述

2.响应式

在这里插入图片描述

3.总结

在这里插入图片描述

五.移动端技术解决方案

1.初始化

在这里插入图片描述

2.盒子模型

在这里插入图片描述

3.特殊样式

在这里插入图片描述

六.常见布局

在这里插入图片描述

相关推荐

  1. 移动测试体系建设

    2024-04-05 13:02:04       41 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-05 13:02:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-05 13:02:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-05 13:02:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-05 13:02:04       20 阅读

热门阅读

  1. yarn的安装和使用

    2024-04-05 13:02:04       14 阅读
  2. Redlock分布式锁

    2024-04-05 13:02:04       16 阅读
  3. 微信小程序登录流程

    2024-04-05 13:02:04       15 阅读
  4. openssl源文件下载地址、arm交叉编译arm32位

    2024-04-05 13:02:04       17 阅读
  5. 二十一、Rust 反射 获取类型

    2024-04-05 13:02:04       15 阅读
  6. 数据库安装的一些内容

    2024-04-05 13:02:04       13 阅读
  7. 嵌入式开发中装饰者模式实现

    2024-04-05 13:02:04       14 阅读
  8. 每天学习一个Linux命令之mount

    2024-04-05 13:02:04       15 阅读