2017年9月6日
rem手机端页面自适应完美解决方案（最新）
摘要： 注:不要手动设置viewport，该方案自动帮你设置！！！ 代码原理 这是阿里团队的高清方案布局代码，所谓高清方案就是根据设备屏幕的DPR（设备像素比，又称DPPX，比如dpr=2时，表示1个CSS像素由4个物理像素点组成）** 动态设置 html 的font-size, 同时根据设备DPR调整页面 阅读全文
posted @ 2017-09-06 14:53 蓝色帅-橙子哥 阅读(706) 评论(0) 推荐(0) 编辑
rem手机端页面自适应布局（待修正下一篇完美布局）
摘要： 如何使用？ 这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) 于是，问题来了，为什么要这样？别急，我先来一一回答 为什么是64 阅读全文
posted @ 2017-09-06 14:35 蓝色帅-橙子哥 阅读(215) 评论(0) 推荐(0) 编辑
2017年9月5日
IE盒模型和标准w3c盒模型
摘要： Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像 W3C 盒子模型的范围包括： margin、border、pa 阅读全文
posted @ 2017-09-05 16:14 蓝色帅-橙子哥 阅读(237) 评论(0) 推荐(0) 编辑
HTML5 浏览器支持
摘要： 现代的浏览器都支持 HTML5。 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。 让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 ： HTML5的新的元素兼容：html5shiv.js 引用代码必须放在 <head> 元素中，因为 I 阅读全文
posted @ 2017-09-05 15:43 蓝色帅-橙子哥 阅读(261) 评论(0) 推荐(0) 编辑
分析HTTP 2.0与HTTP 1.1区别
摘要： 1、什么是HTTP 2.0 HTTP/2（超文本传输协议第2版，最初命名为HTTP 2.0），是HTTP协议的的第二个主要版本，使用于万维网。HTTP/2是HTTP协议自1999年HTTP 1.1发布后的首个更新，主要基于SPDY协议（是Google开发的基于TCP的应用层协议，用以最小化网络延迟， 阅读全文
posted @ 2017-09-05 11:07 蓝色帅-橙子哥 阅读(632) 评论(0) 推荐(0) 编辑
HTTP2.0协议
摘要： 链接:http://caibaojian.com/http2.html来源:http://caibaojian.com http1.0和http1.1的缺点: 1.http1.0只允许在一个连接上建立当前未完成的请求 2.http1.1管道只部分处理了请求并发和包头堵塞问题，客户端多建立TCP连接， 阅读全文
posted @ 2017-09-05 11:04 蓝色帅-橙子哥 阅读(524) 评论(0) 推荐(0) 编辑
http协议
摘要： scheme - 定义因特网服务的类型。最常见的类型是 httphost - 定义域主机（http 的默认主机是 www）domain - 定义因特网域名，比如 runoob.comport - 定义主机上的端口号（http 的默认端口号是 80）path - 定义服务器上的路径（如果省略，则文档必 阅读全文
posted @ 2017-09-05 10:58 蓝色帅-橙子哥 阅读(247) 评论(0) 推荐(0) 编辑
2017年9月4日
浮动布局
摘要： 浮动 ... 阅读全文
posted @ 2017-09-04 20:47 蓝色帅-橙子哥 阅读(177) 评论(0) 推荐(0) 编辑
绝对定位居中布局
摘要： 阅读全文
posted @ 2017-09-04 20:41 蓝色帅-橙子哥 阅读(469) 评论(0) 推荐(0) 编辑
左固定右边自适应
摘要： 阅读全文
posted @ 2017-09-04 20:39 蓝色帅-橙子哥 阅读(122) 评论(0) 推荐(0) 编辑