摘要：
1. 高效简洁的rem适配方案flexible.js flexible.js是淘宝团队出的简洁高效移动端适配库，我们再也不需要写不同屏幕的媒体查询，因而里面js做了处理。 原理：将当前设备划分成10等分，不同设备下比例保持一致。 处理：我们要做的是确定当前设备的html文字大小（随设计稿而定） 举例 阅读全文
摘要：
1 在index.less中书写具体样式 1.1 其他的公共样式可以继续往common.less文件中缀加 1.2 body样式 1.2 整体结构搭建 1.3 顶部搜索模块 分成三个部分：左、中、右。左右宽度高度给固定大小；中间flex:1，独占剩余空间一份; index.less文件 1.4 ba 阅读全文
摘要：
1. 技术选型 访问地址：m.suning.com 方案：我们采用单独制作移动页面方案 技术：布局采用rem适配布局(less+rem+媒体查询) 设计图：本设计图采用750px设计尺寸 2. 搭建相关文件夹结构 css images upload index.html 3. 设置视口标签和引入样式 阅读全文
摘要：
1. rem适配方案 目标：让一些不能等比例适配的元素达到当设备尺寸发生改变的时候，等比例适配当前的设备。 方法：使用媒体查询更具不同的设备安装比例设置html字体大小，然后页面元素使用rem做尺寸单位，当html字体变化的时候，元素尺寸也会发生变化，从而达到等比缩放的适配。 1.1 实际开发适配方 阅读全文
摘要：
1. less介绍 less是一门CSS扩展语言，也成为CSS预处理器，作为CSS一种形式的扩展，并没有减少CSS的功能，而是在现有的CSS语法之上，为CSS加入程序式语言的特性。它在CSS语法的基础之上，引入了变量，Mixin(混入)，运算以及函数等功能，大大简化了CSS的缩写，并降低了CSS的维 阅读全文
摘要：
2. 媒体查询 2.1 媒体查询是CSS3新语法 使用媒体查询，可以针对不同的媒体类型定义不同的样式 媒体查询可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 目前针对很多苹果手机、安卓手机、平板等设备都用到多媒体查询。 2.2 语法格式 阅读全文
摘要：
1. em 在介绍rem之前，先介绍单位em。em是相对于父元素的字体大小来说的，使用的时候要有父元素，且父元素要有字体大小。 2. rem (root em) 与em不同的是，rem不是相对于父级元素的字体大小，而是相对于html元素的字体大小，所以叫做root em。 rem的优点就是可以通过修 阅读全文
摘要：
访问网站：m.ctrip.com 1. 技术选型 方案：单独制作移动端页面的方案 技术：采用flex伸缩布局 2.搭建相关文件夹结构 3. 引入相关文件 4. body样式 5. 统一样式 6. 搜索模块 说明：该模块利用固定定位，分成两个部分，搜索模块和登陆模块，注意这里的搜索模块不是真正意义上的 阅读全文
摘要：
1. 数据类型的转换 当数据类型不一样时，将会发生数据类型转换 自动类型转换（隐式） 强制类型转换（显示） 1.1 自动类型转换（隐式） 特点：代码不需要进行特殊处理，自动完成 规则：数据范围从小到大（与字节数未必相关） 1.2 强制类型转换（显示） 特点：代码需要进行特殊的格式处理，不可以自动完成 阅读全文
摘要：
1 传统布局与flex布局 传统布局（以之前所学的PC端布局为例） 兼容性好 布局繁琐 局限性，不可以在移动端很好的布局 flex弹性布局 操作方便简单，移动端应用广泛 PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 建议 如果是PC端页面布局，采用传统布局 如果是移动端或者不考虑 阅读全文