移动端常见问题

一、禁止电话和邮箱

<meta name='format-detection' content='telephone=no,email=no'/>

允许使用：<a href="tel:123456789120">123456789120</a>、<a href="mailto:123456789@qq.com">123456789@qq.com</a>

二、解决链接按钮高亮问题

a{
    text-decoration: none;
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

三、解决按钮圆角过圆问题

button{
    width: 50px;
    height:50px;
    border-radius: 5px;
    -webkit-appearance: none;
}

四、font-boosting：移动端页面的字体过小的时候，浏览器会自动放大字体，为了解决不自动放大字体这种问题，可以在相对应的元素上的CSS加上以下代码：max-height:999966px;