移动端设置全屏，做的笔记

在移动端需要给div设置全屏

方法一：

#map { 
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: #00FF00 url('map/n/n/n.png') repeat;
   z-index: 0;
   overflow:hidden; 
   word-break:break-all; 
}

备注：top和bottom一起使用，这是很反常规的用法，可以强制定义盒模型的区域。所以还要加一个overflow:hidden，不然的话在手机横屏的浏览器中打开，

底部会出现空白，而且会出现滚动条

方法二：

html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
    overflow:hidden;
}
#map
{
    height: 100%;
    z-index: 0;
    background: #00FF00 url('map/n/n/n.png') repeat;
}

这个没用过