移動端個人問題總結

移動端ios與android的一些相容問題

1.1關於滾動：為了使ios的滾動更流暢，-webkit-overflow-scrolling:touch;

.scrollcontainer

1.2 關於 ios上input預設樣式問題（上邊框陰影與圓角）

input

1.3  更改表單輸入框placeholder的顏色與字型大小

input:-ms-input-placeholder

input::-webkit-input-placeholder 
input:-moz-placeholder

1.4 禁止使用者選中文字

.text

1.5 實現手機端打**，發郵件，發簡訊

i.打**

打**給:0755-10086

發簡訊給: 10086

[email protected]

1.6模擬pc端hover效果（有些不相容）

按鈕        按鈕
.btn,.btn2
.btn:active 
.btn2:hover

用手機端的touchstart，touchend來模擬實現按鈕hover效果可以做到全相容

按鈕

1.7判斷手機橫屏豎屏問題，顯示不同樣式

@media all and (orientation:portrait) 

}@media all and (orientation:landscape) 
}

window.onorientationchange = function () 

}

$('html').one('touchstart',function())

2.0禁止ios中開啟的首字母自動大寫功能

或

還可進行如下設定，使其單詞首字母大寫，每句首字母大寫，每個字母大寫。

當設定了autocapitalize="word

s"時，每個單詞的開頭字母會自動大寫。

當設定了autocapitalize="characters" 時，每個字母都會大寫。

當設定了autocapitalize="sentences" 時，每句開頭字母會自動大寫。

始終不會開啟首字母大寫。

2.1 android去掉語音輸入按鈕

input::-webkit-input-speech-button

移動端ios與android的一些相容問題

1.1關於滾動：為了使ios的滾動更流暢，-webkit-overflow-scrolling:touch;

.scrollcontainer

1. 三星i9100 （android 4.0.4）不支援display:-webkit-flex這種寫法的彈性布局，

但支援display:-webkit-box這種寫法的布局, 
相關的屬性也要相應修改，如-webkit-box-pack: center;
移動端採用彈性布局時，建議直接寫display:-webkit-box系列的布局
2. touchmove事件在android部分機型(如lg nexus 5 android4.4，小公尺2 android 4.1.1)上只會觸發一次

解決方案是在觸發函式裡面加上e.preventdefault(); 記得將e也傳進去。

* ios（7.1.1版本）滾動元素中設定其中某個元素的

`innerhtml` 屬性一定機率導致畫面閃動（估計是觸發了重繪），

解決辦法是設定文字時使用

`textcontent`屬性。

* ios（7.1.1版本）動態改變滾動元素中某個元素

`top` 屬性一定機率導致畫面閃動，解決辦法是使用

`translatey` 替代

* ios（7.1.1版本）通過

`-webkit-overflow-scrolling: touch`方式設定的滾動元素時，如果滾到頭的時候拖動，會出現頁面的整體滾動，

解決辦法見<

>

ubuntu個人問題總結

ubuntu出現開機黑屏的情況 解決方法 1.ctrl alt f1進入命令列介面 由於無法進入圖形介面但可以進入命令列介面 2.sudo dpkg configure a來修復 3.reboot 未獲得鎖問題 解答 問題的原因在於其它的程式如系統的自動更新 新立得等正在使用apt get程序，所以...

其他個人問題彙總

原因node的高版本不允許callback為空 解決方法 1 node降低版本 10以下 推薦 9.8.0 2 修改提示檔案的callback屬性 參考文件 參考文件 1 解決辦法，在傳值頁面 注意 changeui為命名 deviceeventemitter.emit changeui 需要傳的東...

pycharm pep8規範 個人問題總結

e302 expected 2 blank lines,found 1 函式前要有兩行空 e231 missing whitespace after 後面都要有空格 e225 missing whitespace around operator 之類的賦號周圍要有空格 pep 8 e262 inli...