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