-webkit-text-size-adjust

1、當樣式表里font-size<12px時，中文版chrome瀏覽器里字體顯示仍為12px，這時可以用 html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上會導致頁面縮放失效
3、body會繼承定義在html的樣式
4、用-webkit-text-size-adjust不要定義成可繼承的或全局的

-webkit-user-select

1、 none：用none,子元素所有的文字都不能選擇，包括input輸入框中的文字也不能選擇。
2、 -webkit-all：子元素所有的文字都可以被選擇，但是input輸入框中的文字不可以被選擇。
3、 -webkit-none：子元素所有的文字都不能選擇，但是input輸入框中的文字除外。

-webkit-touch-callout

有時我們可能需要禁止用戶在新窗口打開頁面，我們可以使用a標簽的target="_self"來指定用戶在新窗口打開，或者target屬性保持空，但 是你會發現iOS的用戶在這個鏈接的上方長按3秒鐘后，iOS會彈出一個列表按鈕，用戶通過這些按鈕仍然可以在新窗口打開頁面，這樣的話，開發者指定的 target屬性就失效了，但是可以通過指定當前元素的-webkit-touch-callout樣式屬性為none來禁止iOS彈出這些按鈕。這個技 巧僅適用iOS對于Android平臺

-webkit-tap-highlight-color

這個屬性只用于iOS(iPhone和iPad)。
當你點擊一個鏈接或者通過js定義的可點擊元素的時候，就會出現一個半透明的灰色背景。
當然如果想要禁用高亮，設置顏色的alpha值為0。-webkit-tap-highlight-color:rgba(255,0,0,0.5);

-webkit-appearance

在寫樣式的時候，iphone會有一些默認樣式，比如??背景竟然是比較灰，并不黑。
使用-webkit-appearance:none可去除系統默認的樣式

轉載于:https://www.cnblogs.com/xl900912/p/4335105.html

總結

以上是生活随笔為你收集整理的webkit的几个属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。