移動端個人問題總結

2021-08-04 06:54:57 字數 2475 閱讀 6842

移動端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

ii.發簡訊,winphone系統無效

發簡訊給: 10086

iii.發郵件

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