移動端製作中可能遇到的一些問題及解決方案

標籤：app   rgba   ace   使用者   複製   click   enter   rgb   span   

在蘋果裝置中電話號碼呈現藍色且無法通過color修改：

解決方案：在頁面加入meta標籤。

<meta name="format-detection" content="telephone=no" />

移動端input無法擷取焦點：

解決方案：放開阻止使用者行為內容，可以為相應的元素添加以下樣式。

-weblit-user-select:text;

在IOS裝置應用實際開發中，按鈕可能採用input的type="button"來實現，此時為按鈕設定的單色背景色通常呈現系統預設的漸層樣式：

解決方案：放開阻止使用者行為內容，可以為相應的元素添加以下樣式。

 

-webkit-appearance:none;

 

-webkit-appearance是用來改變按鈕和其他控制項的外觀，是其外觀類似於原生控制項：

input[type="button"],input[type="submit"],input[type="rest"]{     -webkit-appearance:push-button;       //實現預設控制項樣式     white-space:pre;   }

 

組織長安圖片之後呼出提示符紙行為：-webkit-ouch-callout:none；

禁止webkit核心瀏覽器的文字大小調整功能：-webkit-text-size-adjust:none；

避免點擊a標籤或click事件時產生高亮：-webkit-tap-highlight-color:rgba(0,0,0,0)；

禁止使用者進行複製選擇：-webkit-user-select:none；

如果不需要阻止使用者選擇內容可選擇添加以下代碼：

 

*{     -webkit-user-select:text;     -user-select:text}或者*:not(inpu,textarea){     -webkit-touch-callout:none;     -webkit-user-select:none;}

 

 

 

著作權聲明：本文為博主原創，未經博主允許不得轉載。

 

移動端製作中可能遇到的一些問題及解決方案