摘要：
一、响应式布局缘由 对于网站的移动端和PC端，大一点的网站都是分开开发的，PC端一套代码，移动端一套代码。 以访问淘宝网举例： 访问淘宝网 -> 后端检测当前设备 -> 如果是PC端 -> www.taobao.com -> 如果是移动端 -> www.taobao.com重定向 ->h5.m.ta 阅读全文
摘要：
移动端适配方案一、百分百布局,流式布局。代表网站优酷、腾讯、天猫、百度 流式布局原则： 文字流式(fluid) 控件弹性(flexible) 图片等比缩放(scale) 好处：大屏幕下显示更多内容 坏处：宽屏下比例会有些不协调 二、等比缩放布局，也叫rem布局。代表网站网易、爱奇艺、美团、淘宝 单位 阅读全文
摘要：
一、viewport视口 在移动端，viewport视口就是浏览器显示页面内容的屏幕区域。 viewport视口有两种视口，分别是 visual viewport(可视视口)和layout viewport(布局视口)： （1）visual viewport固定大小跟屏幕大小相同，在上面； （2）l 阅读全文
摘要：
CSS架构 在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发。所以CSS架构可以帮助我们解决文件管理和文件划分等问题。 首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用Less和Scss实现。 划分： 文件夹 含义 base 一些初始的通用CSS，如重置默认样式，动画、工具 阅读全文
摘要：
Sass和Less Sass和Less都属于CSS预处理器，CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一种编程的特性，如：变量、语句、函数、继承等概念。将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。 Sass官网地址：http: 阅读全文