weixin_49555741的博客

1. bootstrap 简介bootstrap 来自Twitter （推特），他是基于HTML、CSS、JavaScript的，使web开发更加快捷Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com)1.1 优点标准化的html+css编码规范 提供一套简洁、直观的组件 不断迭代更新1.2 版本3.x

1. flex布局体验1.1 传统布局和flex布局建议：如果是PC端用传统的页面布局 如果是移动端不考虑兼容问题可以使用flex弹性布局1.2 初体验1.2.1 搭建HTML结构 <div> <span>1</span> <span>2</span> <span>3</span> </div>2. fl...

1. rem基础rem是一个相对单位，类似em，em是父元素字体大小不同的rem的基准是相对于html元素的字体大小比如，根元素（html）设置font-size=12px，width=12rem，则换成px就是24pxrem优点：修改html里面文字大小来改变页面的元素的大小控制整体2.媒体查询2.1 媒体查询的概念媒体查询（media query）是css3的新语法使用@media可以针对不同的尺寸设置不同的样式重置浏览器的大小，页面高度和宽度也会重新渲染页面目前

1. 移动端基础1.1 浏览器现状pc端浏览器：360、谷歌、火狐、百度、ie移动端浏览器：uc、qq、百度、谷歌、搜狗移动端浏览器主要是对webkit内核进行兼容开发的总结：兼容移动端主流浏览器，处理webkit内核浏览器即可1.2 手机屏幕现状尺寸多，碎片化；Android、iPhone设备分辨率多；我们常用的单位是px1.3 移动端调试方法Chrome devtools（谷歌）的模拟手机调试 搭建本地web服务器，手机和服务器一个局域网，通过手机访问浏览器2..