禁止识别数字为 电话和邮箱
<meta name="format-detection" content="telephone=no,email=no"/>
手动指定可识别的电话和邮箱
<a href="tel:110">1383838438</a>
<a href="mailto:13888@qq.com">1383838438</a>
解决点击按钮时背景高亮
-webkit-tap-highlight-color:rgba(0,0,0,0);
解决input设置圆角后 过圆问题
-webkit-appearance: none;
Font Boosting文字字体自动变大
Font Boosting是Webkit 给移动端浏览器提供的一个特性:当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大,保证在即不需要左右滑动屏幕,也不需要双击放大屏幕内容的前提下,也可以让人们方便的阅读页面中的文本。
Font Boosting 仅在未限定尺寸的文本流中有效,
给元素指定宽高,就可以避免 Font Boosting 被触发。
但是文本内容不可能都指定宽高。
通过指定 max-height 就可以无副作用的禁掉 Font Boosting 特性。
用类似 p { max-height: 999999px; } 的方式来处理
网友评论