今天遇到一个微信的 Bug ，需要多个条件才会触发。详情请点进来看。

做 Brick4.com 的时候，为了撑起列表中各个套组元素让页面更加整齐美观，设置了 min-width ，常见浏览器都是正常的，唯独在 Safari 中 Flex子元素 撑破父级框不再换行。这该如何处理？请点进来看。

算是用不计性能的笨办法实现了一下粒子效果，简单粗暴。
实现过程中，了解到 transition 中设置多少个属性 transitionend 就会触发多少次。
如：

transition: top .3s, opacity .5s, left 1s;

这就是3次。所以千万不要以为触发了 transitionend 就是所有变形都结束了。

话不多说，点击下面的按钮开始体验。

开启暴力模式

为了让表针有一点儿投影效果，用到了 drop-shadow ，手机上看效果还好，Windows中造成指针没有了抗锯齿优化。

CSS3 PIE 可以让 IE6 到 IE8 支持以下 CSS3 的特性：

• border-radius
• box-shadow
• border-image
• 多重背景（multiple background images）
• background 中的 linear-gradient

这么好的东西怎么用？！请 >点进来看< 。

当在Chrome中 26.5pt 打印出来是1厘米。
在IE、Edge中 28.35pt 打印出来是1厘米。

67.3DPI（？）下，1cm = 26.5pt
*1.07
72DPI下，1cm = 28.35pt
*1.3333
96DPI下，1cm = 37.8pt

---

1英寸 = 2.54cm
A4纸尺寸：21cm × 29.7cm
网页打印默认页边距：19mm
网页打印窄边距：5mm

---

打印：	cm
Chrome：	pt	= px
IE：	pt	= px

开发过程中，在 UC浏览器（安卓） 遇到了几个小问题，整理的内容请 >点进来看< 。

孙老四为方便查找 Material design icons ，而制作的 速查表 。 关于 Material design icons 的更多资料，请前往 >《Material design icons》< 。

Google 开源图标字体，Material design 设计语言必备图标。

另附：孙老四为方便查找图标，而制作的 速查表 。

关于 Material design icons 的详细使用方法，请 >点进来看< 。