移動設備web前端開發的一些小技巧

WebKit HTML iOS CSS 孤獨coder 2017-05-13

隨著移動設備在各種應用場景中使用越來越頻繁。web移動前端開發就越來越流行,各種響應式的框架和插件也越來越多。下面小編給大家帶來一些移動端html開發中實用的例子。

移動設備web前端開發的一些小技巧

一、防止出現滾動條

  1. addEventListener('load',function(){

  2. setTimeout(function(){

  3. window.scrollTo(0,1);

  4. },100);

  5. })

二、禁止頁面選擇文字

-webkit-user-select:none;

三、禁止ios彈出各種操作窗口

-webkit-touch-callout:none;

四. 防止屏幕旋轉時自動調整字體大小

(iPhone旋轉屏幕時,默認的情況下字體大小會自動調整)css代碼:

p,h1,h2,h3,h4,h5,h6,div,form,html,body{

-webkit-text-size-adjust:none;

}

五. 去掉點擊時的默認效果

-webkit-tap-highlight-color:rgba(0,0,0,0);

學會了嗎? (單選)
0
0%
早就會了
0
0%
沒什麼用
0
0%
挺使用,希望繼續分享

相關推薦

推薦中...