MARTIAN的博客

移动端web开发（三）rem布局 文章目录移动端web开发（三）rem布局一、rem适配布局二、媒体查询（Media Query）2.1 语法：2.1.1 mediatype类型2.1.2 关键字2.1.3 媒体特性2.2 引入资源2.2.1 语法2.2.2 媒体查询+rem实现元素动态大小变化三、Less3.1 Less的使用3.1.1 Less 变量变量命名规范3.1.2 Less 编译3.1.3 Less 嵌套3.1.4 Less运算3.1.5 Less中引入Less文件四、rem的适配目标4.1 r

移动端web开发（二）flex弹性布局 文章目录移动端web开发（二）flex弹性布局一、flex弹性布局原理二、 常见父项属性1、flex-direction 设置主轴方向2、 justify-content 设置主轴上的子元素排列方式2.1 子元素垂直居中的方法3、 flex-wrap 设置子元素是否换行（重要）4、align-items 设置侧轴上的子元素排列方式（单行）实例：实现盒子水平垂直居中5、 alilgn-content 设置侧轴上的子元素排列方式（多行）6、align-content 和

移动端web开发（一）基础知识 文章目录移动端web开发（一）基础知识一、移动端基础1.1 移动端调试方法1.2 视口1.2.1 理想视口（ideal viewpoint）1.2.2 meta 视口标签1.2.3 标准的viewport二、二倍图2.1 物理像素和物理像素比2.2 二倍图2.3 背景缩放 background-size三、移动端主流开发方案3.1 单独制作移动端页面（主流）3.2 响应式页面兼容移动端（其次）四、移动端技术解决方案4.1 CSS初始化 normoalize.css4.2 CS