摘要：
iPhone6 下面 1rem=75px; $(function(){ var oHtml=document.getElementsByTagName("html")[0]; var iWidth=document.documentElement.clientWidth; iWidth=iWidth 阅读全文
摘要：
Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 阅读全文
摘要：
box-pack表示父容器里面子容器的水平对齐方式，可选参数如下所示： start | end | center | justify <article class="wrap"> <section class="sectionOne">01</section> <section class="sec 阅读全文
摘要：
display:flex和display:box都可用于弹性布局，不同的是display:box是2009年的命名，已经过时，用的时候需要加上前 缀；display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的 阅读全文
摘要：
一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex 布局以后， 阅读全文
摘要：
内核： 内核只是一个通俗的说法，其英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”（下文中各种说法通用）。它负责取得网页的内容（HTML、XML、图像等等）、整理信息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、 阅读全文
摘要：
/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center... 阅读全文
摘要：
定义font-family时,最好在最后加一个sans-serif,这样如果所列出的字体都不能用，则默认的sans-serif字体能保证调用; W3C建议字体定义的时候，最后以一个类别的字体结束，例如"sans-serif"，以保证在不同操作系统下，网页字体都能被显示。sans-serif就是无衬线 阅读全文
摘要：
格式化代码： { "keys": ["ctrl+alt+f"], "command": "reindent" } 浏览器中打开：{"keys": ["ctrl+alt+o"], "command": "open_in_browser"} 其实在sublime中已经自建了格式化按钮： Edit -> 阅读全文