1、自適應第一招
<meta
name
="viewport"
content
="width=device-width,initial-scale=1.0,user-scalable=no"
/>
如果你發現自己做的網頁不能適配，看看是不是遺漏的這行**，initial-scale控制頁面的初始化縮放比，user-scalable控制網頁是否允許縮放。
2、ios允許全屏瀏覽
<meta
content
=」yes」
name
/>
3、忽略數字是**號碼
<meta
content
=」telephone=no」
name
=」format-detection」
/>
4、去除android對郵箱位址的識別
<meta
content
=」email=no」
name
=」format-detection」
/>
5、去除url控制項條
settimeout(scrollto,0,0,0);
6、禁止旋轉裝置
no way，ios和android在瀏覽器裡面沒法禁止瀏覽器旋轉。
7、關閉ios鍵盤自動大寫
我們知道在ios中，當虛擬鍵盤彈出時，預設情況下鍵盤是開啟首字母大寫的功能的，根據某些業務場景，可能我們需要關閉這個功能，移動版本webkit為 input元素提供了autocapitalize屬性，通過指定autocapitalize=」off」來關閉鍵盤預設首字母大寫。
8、ios中如何徹底禁止使用者在新視窗開啟頁面
-webkit-touch-callout:none;
9、ios禁止使用者複製或者儲存
-webkit-touch-callout:none;
10、ios禁止選中文字
-webkit-user-select:none
11、ios獲取滾動條高度
桌面瀏覽器中想要獲取滾動條的值是通過document.scrolltop和document.scrollleft得到的，但在ios中你會發現這兩 個屬性是未定義的，為什麼呢？因為在ios中沒有滾動條的概念，在android中通過這兩個屬性可以正常獲取到滾動條的值，那麼在ios中我們該如何獲 取滾動條的值呢？
通過window.scrolly和window.scrollx我們可以得到當前視窗的y軸和x軸滾動條的值。
12、解決邊框溢位
width:100%;-webkit-box-sizing:border-box;
13、輸入框獲取焦點後預設彈出數字鍵盤
<input
type
="tel"
placeholder
=""/>
記得使用type="tel"，而不是type="number"
14、input type="number"去除上下箭頭
chrome下：
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button
firefox下：
15、input type="password"自動彈出數字鍵盤
<input
type
="password"
pattern
="[0-9]*"
maxlength
="6"
inputmode
="numeric"
name
="password"
>
15、a標籤出現藍色邊框
*
15、手機呼叫攝像頭或**
16、手機鍵盤刪除鍵不會觸發keyup的問題
可以使用oninput事件
17、文字框placeholder顏色
textarea::-webkit-input-placeholder，input::-webkit-input-placeholder
18、數字文字框顯示密碼樣式
<input
type
="tel"
pattern
="[0-9]*"
inputmode
="numeric"
>
input[type=tel]
移動web開發填坑（一）
上週開始接觸移動web開發，默默的掉進了很多坑裡面。本文主要總結本週遇到的坑以及如何填坑。1 px與rem換算。設計稿的寬度一般是640px，而iphone是320px，所以測量設計稿的結果首先要除2，這時的單位還是px，下一步要轉換成rem，怎麼轉換呢？得看根節點怎麼設定的。首先，任意瀏覽器的預設...
關於移動端開發中遇到的坑 vue
滾動穿透是指在移動端當有 fixed 遮罩背景和彈出層時，在螢幕上滑動能夠滑動背景下面的內容。網上整理了解決方案，但有些還是存在一定的問題 123 456 modal open 即當彈出層彈出時在html上新增.modal open,禁用 html 和 body 的滾動條,但實際用上就會發現 由於 ...
關於移動端開發中遇到的坑 vue
modal open 杯具 的是頁面的背景還是能夠有滾的動的效果 modal.addeventlistener touchmove function e false body.modal open var modalhelper function bodycls beforeclose functi...