移动端常见问题

标签：web   highlight   常见问题   链接   code   style   content   代码   name   

一、禁止电话和邮箱

<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>

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

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;

移动端常见问题

标签：web   highlight   常见问题   链接   code   style   content   代码   name   

原文地址：https://www.cnblogs.com/llcdxh/p/9563352.html