-webkit的几个属性

现在IOS和ANDROID上面都是webkit内核，所以在手机上使用CSS样式，-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会有一些默认样式，比如 <input type=”submit” style=”background:#000″ value=”提交” /> 背景竟然是比较灰，并不黑。
使用-webkit-appearance:none可去除系统默认的样式