1.上下左右垂直居中

{

position: fixed;
left: 50%;
top: 50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);

}

2.安卓手机叠加区域高亮:这是我看网上的人起的名字,表现就是点击的时候一片阴影,对功能没什么阻碍,就是不好看;

解决方案:{-webkit-tap-highlight-color:rgba(0,0,0,0)};

3.rem适配

<script>
(function (_D){
var _self = {};
_self.Html = _D.getElementsByTagName("html")[0];
_self.widthProportion = function(){var p = (_D.body&&_D.body.clientWidth||_self.Html.offsetWidth)/640;return p};
_self.changePage = function(){_self.Html.setAttribute("style","font-size:"+_self.widthProportion()*100+"px !important");}
_self.changePage();
setInterval(_self.changePage,100);
})(document);
</script>

设置html:100px,如果14px就是0.14rem,以iPhone5s为标准的

 

posted on 2015-10-16 15:44  正正果实  阅读(189)  评论(0编辑  收藏  举报