css3 不常用但重要的属性

IOS

 

2.-webkit-touch-callout (ios 2.0+)

     none:禁止弹出系统弹窗

     default:默认

Android

 

Common

1.-webkit-user-select

    none:文本不能被选择

    text:可以选择文本

    all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

    element:可以选择文本,但选择范围受元素边界的约束

2.-webkit-perspective

    number:元素距离视图的距离,以像素计。

    none: 和0效果相同,不设置距离

3.-webkit-perspective-origin

    x-axis:x轴上的位置,默认50%,可能的值:left right center length %

    y-axis:y轴上的位置,默认50%,可能的值:left right center length %

4.-webkit-transform-style

   flat:子元素不保留其3d位置

   preserve-3d:子元素保留其3d位置

5.-webkit-backface-visibilty

  visible:不隐藏transform元素的背面

  hidden:隐藏

6.-webkit-appearance

  用于取消系统默认样式  

  取值地址:http://www.css88.com/webkit/-webkit-appearance/

7.-webkit-input-placeholder

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

color:颜色值

transparent:透明值

8.-webkit-text-size-adjust

none:取消最小12px的限制  放在body中,会阻碍页面缩放。尽量不要设全局

9.-webkit-overflow-scrolling (ios5.0+)

   touch:当手指从触摸屏上移开,会保持一段时间的滚动

   auto:当手指从触摸屏上移开,滚动会立即停止

 

 

posted @ 2016-10-11 13:11  白菜帮子  阅读(607)  评论(0编辑  收藏  举报