手机web开发笔记

来源：互联网发布：nginx location = 编辑：程序博客网时间：2024/06/12 01:42

手机屏幕适配：

设置全局css样式

-webkit-tap-highlight-color: rgba(0,0,0,0);

就可以去掉a ,input,button出现的背景颜色

input:focus { outline: none; }

加上此css样式就可以去掉点击时的边框

css 3 圆角带阴影

#round1{
/**圆角
    padding:5px;
    border: 2px solid #EBEBEB;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;

/**阴影
   -moz-box-shadow:-2px -2px 2px #e6e6e6 inset;
    -webkit-box-shadow:-2px -2px 2px #e6e6e6 inset;
    box-shadow:-2px -2px 2px #e6e6e6 inset;

}

div水平居中：margin:0 auto

垂直居中：

</style>
<body style="margin:0 auto ;padding: 0 auto">
<div class="box">
<p>
<img src=" " class="img1" width="100%" />
</p>
</div>

js:

var sUrl = location.href; 获取地址栏上参数值

height:auto !important ; //自适应高度

function GetQueryString(name) //获取地址栏参数
       {
             var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
             var r = window.location.search.substr(1).match(reg);
             if(r!=null)return unescape(r[2]); return null;
       }

使用方法：var flgs=GetQueryString("flg");

0 0