webkit的几个属性
-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的几个属性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数学之美笔记(十三)
- 下一篇: MyEclipse Tomcat 超链接