一、CSS3属性的兼容 transform: rotate(45deg) scale(1.5) translate(150px, 200px); 二、什么是弹性布局 CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调 ...
分类：
其他好文 时间：
2017-08-06 14:59:47
阅读次数：
175
多列布局： 设置列数：column-count：4 || 2....... 添加列间隙样式，与边框样式border添加一样 column-rule：dashed 3px red 设置列间隙大小 column-gap ：50px 设置列宽：原则：取大有限 如果人为设置自宽度更大，则取更大的值，但是会填 ...
分类：
其他好文 时间：
2017-06-27 22:22:23
阅读次数：
148
新版本 新版本的flex布局模型是2012年9月提出的工作草案，这个草案是由W3C推出的最新语法，这个版本立志于指定标准，让新式的浏览器全面兼容，在未来的浏览器更新换代中实现统一。 目前几乎大部分的浏览器都支持了。浏览器支持情况可以点击这里查看,下图为支持flex的情况 属性详解 首先和之前一样，先 ...
分类：
Web程序 时间：
2017-04-30 19:22:43
阅读次数：
309
混合过渡版 上一篇我们主要讲了旧版box布局，今天这篇主要讲flexbox布局。 混合版本的Flexbox模型是2011年提出的工作草案，主要是针对IE10浏览器实现的伸缩布局效果，其功能和旧版本的功能大同小异。 在这里我们还是采用上一篇的文件，使用混合过渡代码实现IE10的伸缩布局。 首先，我们要 ...
分类：
Web程序 时间：
2017-04-30 18:33:41
阅读次数：
228
布局简介 CSS3提供了一种崭新的布局方式：Flexbox布局，即弹性伸缩布局模型（Flexible Box）用来提供一个更加有效的方式实现响应式布局。 由于这种布局还处于W3C的草案阶段，并且它分为旧版本、新版本、混合过渡版本三种不同的编码方式。浏览器的兼容性存在一定的问题 首先，我们来看看旧版本 ...
分类：
Web程序 时间：
2017-04-30 11:01:34
阅读次数：
218
Android可伸缩布局－FlexboxLayout(支持RecyclerView集成) 1 . 前言 前几天看到Google官方的博客介绍了Google开源的一个强大的布局－FlexboxLayout，看见第一眼我心里的想法是，卧槽，Android 居然有这么一个强大的布局。作为一个有好奇心的工程 ...
分类：
移动开发 时间：
2017-03-23 23:42:43
阅读次数：
528
CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调整和分布一个容器里项目布局，即使它们的大小是未知或者动态的，这里简称为Flex。 Flexbox布局常用于设计比较复杂的页面，可以轻松的实现屏幕和浏览器窗口大小发生变 ...
分类：
其他好文 时间：
2017-03-09 11:35:42
阅读次数：
162
包括CSS3多列布局样式、Flexbox伸缩布局、盒子模型等。重点介绍了Flexbox伸缩布局的各种属性用法。 一、多列布局 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主 ...
分类：
Web程序 时间：
2017-02-13 20:36:30
阅读次数：
303
在微信小程序开发中，大家尽量使用rpx为单位, px实际上就是系统级的rem（把页面按比例分割750份，1rpx=window.innerWidth/750），或者scale伸缩布局的width=750。也就是说，微信小程序的rpx布局帮大家把rem布局的js设置根元素字体尺寸这步省了，用rpx就减 ...
分类：
微信 时间：
2017-01-23 15:11:52
阅读次数：
5403
Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！ 为什么需要伸缩布 ...
分类：
其他好文 时间：
2016-11-21 18:59:32
阅读次数：
226
