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时字体大小为75px6.

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 ">三：二倍图（像素比）四： 解决像素比的例子...