dexing07的博客

这是stackoverflow 上面的一个原话。尝试使用 -webkit-appearance: none; IOS让表单搞得一团糟https://stackoverflow.com/questions/10757146/iphone-ios-will-not-display-box-shadow-properly

meta viewport作用：因为现在移动设备的PC的不同，也代表着不同浏览器的可视区域也是不同的。而且还有一点，CSS中的1px不等同于每个设备的1px，也就是说每个设备的分辨率不同会影响到所在网页的显示大小最重要的是用户缩放也会影响到显示的网页的效果。 而meta viewport就是为了解决以上问题的。什么是缩放？个人理解是用户在移动端主动改变屏幕伸缩大小（放大，缩小）的行为。先入

根据规定，每个网页元素都会存在display属性 ， 其中像div,存在的默认值为”block”属性的即为块级元素 ; 而”span”元素的默认值为”inline”，称为“行内元素”。“div”这样的块级元素，可以通过高度，宽度，内外边距等属性来调整矩形的样子；与之相反的是“span”这样的行内元素，则没有独立的空间，需要依附于块级元素，因此对行内元素设置高度，宽度，内外边距等属性都是无效的。如

.small-font{ font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.90);}scale(x,y) 定义 2D 缩放转换。

参考了部分网上的 loading 动画，大多以圆形为主，想写一些方块的变化一下想模仿一下，自己写一些方块的加载动画，有利用 9 方块的，4 方块的也有。暂时只做了 12 个，可能比较基础。如果有好的建议，欢迎给我留言哈。这是项目地址： https://github.com/MontageD/box