摘要： 响应式图片设计 阅读全文

摘要： 响应式导航菜单 阅读全文

摘要： meta的学习记录 最近再学响应式的布局，就先来总结一下我们的viewport。 什么是viewport呢？ 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽， 这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的 阅读全文

摘要： css中的媒介查询 阅读全文

摘要： line-block代替float布局； 我们先看看float的一些特性(特征) 当我们改变浏览器的大小会出现这样的效果： 或则这样： 有时候，我们希望，以第一排最高的元素为换行基准时，我们就可以使用display：inline-block属性了滴呀 效果图 不能发现上图中有一个bug，那就是每个元 阅读全文

摘要： inline-block元素的空白间距 html代码 效果: 这种空白在要求不是特别严格的时候，其实无伤大雅，但又的时候我们就需要清除这些空白 清除的方法也是多种多样，我这里举出几个常用呀； 元素之间出现空白的原因是标签端之间的空白，各种方法去掉 方法一：改变html的布局方式 方式二：margin 阅读全文

摘要： flex布局中flex-basis|flex-grow|flex-shrink 整个才是正确的算法 flex-basis（基准值） 可以设置flex布局中容器的宽度，如果同时存在width属性，将把它给覆盖！ 它也是计算flex-grow和flex-shrink的基准值，默认值是auto； flex 阅读全文

摘要： flex基本布局 flex布局兼容性的写法 阅读全文

摘要： 响应式布局（实例一） 第一步，最基本的布局-固定布局(width:960px) 第一部响应：当浏览器可视页面大于1200px的时候(当然这里需要一些计算滴呀) 第二部响应：当浏览器max-width：959px的时候，使用百分比布局； 效果:(等比的进行了缩小滴呀) 第三部响应：当max-width 阅读全文

摘要： word-wrap和word-break的区别 阅读全文