lazylYYY的博客

目录 1.响应式布局概念： 2..Bootstrap简介： 3.Bootstrap使用 ①：创建文件夹结构 ②创建html骨架结构 ③引入相关样式文件 ④使用 ​ 4.Bootstrap布局容器（代码要写在class="container"里面） 5.Bootstrap栅格系统的参数 ①.基本运用.col-lg-n在一行平均显示n个元素（等于12平均份，小于12行内有空白，大于12另起一行）：​ ②.宽屏(.col-lg-n) 中屏 (.col-md-...

1.引入移动端的css样式，视口，body初始化，CSS3盒子模型。详情看此链接 2.引入flexible.js文件 3.安装px to rem插件 4.修改默认字体大小 5.设定屏幕超过750px时字体大小为75px 6.

1.引入移动端的css样式，视口，body初始化，CSS3盒子模型。详情看此链接 2.设置公共common.less文件 common.less的代码： // 设置常见的屏幕尺寸 修改里面的html文字大小 a { text-decoration: none; } // 一定要写到最上面 html { font-size: 50px; } // 我们此次定义的划分的份数 为 15 @no: 15; // 320 @media screen and (min-width: 320.

一：px、em、rem的关系： ①em是相对于父元素字体大小 ②rem是相对于html元素字体大小来说的 二：媒体查询 （and后面一定要有空格） 1.max-width：小于或等于指定宽度 2.min-width: 大于或等于指定宽度 三.引入资源 四.less基础 1.less的使用 ①定义less变量（命名规范） ②less编译（插件：easy less） ③less嵌套 ④less运算 五.rem适配方案 1.设计...

目录 一：flex布局： 二： 父元素常见属性 1.flex-direction:设置主轴的方向​ 2.justify-conten:设置主轴上的子元素排列方式​ 3.flex-wrap:设置子元素是否换行​ 4.align-content:设置侧轴上的子元素的排列方式（多行）​ 5.align-items:设置侧轴上的子元素排列方式（单行）​ 6.flex-flow:复合属性，相当于同时设置了flex-direction和flex-wrap​ 7.align-content（多行）和a.

移动端技术选型：项目经理选择 一：流式布局（百分比布局） ①可做网页宽度自由伸缩 ②在布局中可将宽度按100%分成各个模块为20%或其他 <style> * { margin: 0; padding: 0; } section { width: 100%; /* 宽最高不超过980px，最小不低于320...

一：移动端开发选择 二：移动端技术解决方案 三：CSS3盒子模型box-sizing:border-box;传统模型：box-sizing:content-box; <style> div:nth-child(1) { /* 传统盒子模型= width + border + padding */ width: 200px; height: 200p...

目录 一：背景缩放background-size: 二：背景图片二倍图 一：背景缩放background-size: <style> div { width: 500px; height: 500px; border: 2px solid red; background: url(images/dog.jpg) no-repeat; ...

一：移动端基础： 二：视口 标准的视口标签 <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no, maximum-scale=1.0, minimum-scale=1.0 "> 三：二倍图（像素比） 四： 解决像素比的例子 ...