【杂记 】（手机横竖屏切换时字体变大、px em rem的区别、去掉textarea自带的内阴影、移动端表单点击有边框、meta中电话超链接、火狐文字垂直居中问题、IOS移动端点击事件）

1. 手机横竖屏切换的时候字体会变大 text-size-adjust：100%/none

2. px em rem的区别

3. 去掉textarea自带的内阴影-webkit-appearance:none

4. 移动端表单点击有边框-webkit-tap-highlight-color:rgba(0,0,0,0);

5. meta中电话超链接

该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接，iphone默认的是能点击的链接，并拨号<meta name="format-detection" content="telephone=no"/><meta name="format-detection" content="telephone=yes"/>

6. 火狐文字垂直居中问题

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

7. css3 @keyframes

@keyframes定义的动画名称用来被animation-name所使用，定义动画时，简单的动画可以直接使用关键字from和to，即从一种状态过渡到另一种状态

8. IOS移动端 点击事件兼容问题

click事件点击无效，需加style="cursor:pointer" 或者 onclick()事件