做移動端網頁的時候發現在ios系統中表單元件無法獲取焦點，無法輸入
-webkit - touch - callout: none;
//-webkit-touch-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 ：none ；會產生一些問題阻止了使用者的選擇內容行為，會導致一些「內容可編輯」標籤無法正常使用，比如input、testarea。
-webkit-user-select: text;
-user-select: text;
或*: not(input, textarea)
解決辦法就是在給input 或textarea加乙個屬性
input移動端開發遇到的問題之 表單
首次開發移動端，遇到的問題多多。一 表單樣式問題 問題一 輸入框要求游標是紅色，ios的就是改不了游標顏色。後來查了下說由於ios系統原因，改不了輸入游標的顏色，這個最後也妥協了，專案時間趕不上了。下次再做表單，堅決自己寫所有樣式，表單的元素都隱藏，用其它元素模擬，因為不只是輸入游標有問題 問題二 ...
移動端 ios 長按複製相容方案
移動端頁面，需要複製一段文字碼。在ios中，長按文字區域，預設選中的範圍，超出了我長按的文字區域，把上面的和下面的另乙個div的文字也給我包含進來了，並不是我想要的！舉個例子 如下圖 1.我長按的區域是紅色方框內的區域，想要複製框裡的文字內容。2.結果卻是下圖，即便 ios 上能再稍微操作一下 變成...
移動端頁面怎麼適配ios頁面
1 viewport 簡單粗暴的方式 直接設定viewport為320px的1.3倍，將頁面放大1.3倍。為什麼是1.3？目前大部分頁面都是以320px為基準的布局，而iphone6的寬度比是375 320 1.171875，iphone6 則是 414 320 1.29375那麼以1.29倍也就約...