css样式手机端,移动端CSS样式----笔记

移动端web

1、响应式背影的问题：

-webkit-tap-highlight-color:transparent;

2、手机web的缩放问题：

3、的美化：

filter:alpha(opacity:0);

-moz-opacity:0;

opacity: 0;

4、只用CSS做到完全居中

position:absolute;

top:50%;

left:50%;

-webkit-transform:translate(-50%,-50%); /*safari或chrome*/

-moz-transform:translate(-50%,-50%); /*firefox*/

-o-transform:translate(-50%,-50%); /*Opera*/

-ms-transform:translate(-50%,-50%); /*ie*/

transform:translate(-50%,-50%); /*W3C标准*/

margin-left : -150px; /*一半的高度*/

margin-top : -200px; /*一半的宽度*/

标签：opacity,moz,样式,top,50%,transform,笔记,translate,CSS

来源： https://www.cnblogs.com/shenpeng/p/10979433.html