摘要: http://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html参考文档 1:要开始使用Flexbox,必须先让父元素变成一个Flex容器。 你可以在父元素中显式的设置display:flex或者di 阅读全文
posted @ 2017-07-12 16:08 天才老王1993 阅读(328) 评论(0) 推荐(0) 编辑
摘要: column 这里有一系列新的CSS属性,可以帮助你很轻松的实现文字的多列布局。让我们瞧瞧: <div class="three-column"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet 阅读全文
posted @ 2017-07-12 16:03 天才老王1993 阅读(520) 评论(0) 推荐(0) 编辑
摘要: width默认是auto啊,你设置max-width相当于没设置width,它按默认值auto自然就是图片宽度咯。max-width很多的场景都是和width配合用的:比如设置一个标签,width是(父元素的)80%但是max-width不能超过1200px,那么这个标签就有了一个最基本的可缩放特性 阅读全文
posted @ 2017-07-12 15:51 天才老王1993 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一:正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠 阅读全文
posted @ 2017-07-12 15:39 天才老王1993 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 4. [HTML5] postMessage 问题: 对于跨域问题,研究了一下html5的postMessage,写了代码测试了一下,感觉html5新功能就是好用啊。此文仅使用html5的新特性postMessage,演示其执行过程和效果: 方法解释:postMessage()方法允许来自不同源的脚 阅读全文
posted @ 2017-07-12 09:10 天才老王1993 阅读(289) 评论(0) 推荐(0) 编辑