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就是24px rem优点：修改html里面文字大小来改变页面的元素的大小控制整体 2.媒体查询 2.1 媒体查询的概念 媒体查询（media query）是css3的新语法 使用@media可以针对不同的尺寸设置不同的样式 重置浏览器的大小，页面高度和宽度也会重新渲染页面 目前

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