移動端常見問題

標籤：web   highlight   常見問題   連結   code   style   content   代碼   name   

一、禁止電話和郵箱

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

允許使用：<a href="tel:123456789120">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;

移動端常見問題