上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 42 下一页
摘要: 响应式图片设计 阅读全文
posted @ 2016-03-22 11:30 咕-咚 阅读(126) 评论(0) 推荐(0)
摘要: 响应式导航菜单 阅读全文
posted @ 2016-03-22 11:29 咕-咚 阅读(123) 评论(0) 推荐(0)
摘要: meta的学习记录 最近再学响应式的布局,就先来总结一下我们的viewport。 什么是viewport呢? 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽, 这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的 阅读全文
posted @ 2016-03-21 17:56 咕-咚 阅读(138) 评论(0) 推荐(0)
摘要: css中的媒介查询 阅读全文
posted @ 2016-03-21 10:46 咕-咚 阅读(134) 评论(0) 推荐(0)
摘要: line-block代替float布局; 我们先看看float的一些特性(特征) 当我们改变浏览器的大小会出现这样的效果: 或则这样: 有时候,我们希望,以第一排最高的元素为换行基准时,我们就可以使用display:inline-block属性了滴呀 效果图 不能发现上图中有一个bug,那就是每个元 阅读全文
posted @ 2016-03-20 12:12 咕-咚 阅读(376) 评论(0) 推荐(0)
摘要: inline-block元素的空白间距 html代码 效果: 这种空白在要求不是特别严格的时候,其实无伤大雅,但又的时候我们就需要清除这些空白 清除的方法也是多种多样,我这里举出几个常用呀; 元素之间出现空白的原因是标签端之间的空白,各种方法去掉 方法一:改变html的布局方式 方式二:margin 阅读全文
posted @ 2016-03-19 14:47 咕-咚 阅读(147) 评论(0) 推荐(0)
摘要: flex布局中flex-basis|flex-grow|flex-shrink 整个才是正确的算法 flex-basis(基准值) 可以设置flex布局中容器的宽度,如果同时存在width属性,将把它给覆盖! 它也是计算flex-grow和flex-shrink的基准值,默认值是auto; flex 阅读全文
posted @ 2016-03-17 21:03 咕-咚 阅读(613) 评论(0) 推荐(1)
摘要: flex基本布局 flex布局兼容性的写法 阅读全文
posted @ 2016-03-17 20:54 咕-咚 阅读(128) 评论(0) 推荐(0)
摘要: 响应式布局(实例一) 第一步,最基本的布局-固定布局(width:960px) 第一部响应:当浏览器可视页面大于1200px的时候(当然这里需要一些计算滴呀) 第二部响应:当浏览器max-width:959px的时候,使用百分比布局; 效果:(等比的进行了缩小滴呀) 第三部响应:当max-width 阅读全文
posted @ 2016-03-17 20:54 咕-咚 阅读(1587) 评论(0) 推荐(0)
摘要: word-wrap和word-break的区别 阅读全文
posted @ 2016-03-14 13:56 咕-咚 阅读(135) 评论(0) 推荐(0)
上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 42 下一页