移动端常见问题

Posted 2021-01-03 llcdxh

一、禁止电话和邮箱

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

允许使用：<a href="tel:[phone]">123456789120</a>、<a href="mailto:[email protected]">[email protected]</a>

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

1 a{
2     text-decoration: none;
3     tap-highlight-color: rgba(0,0,0,0);
4     -webkit-tap-highlight-color: rgba(0,0,0,0);
5 }

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

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

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