我想消除两个 OpenLayers map 上两个地方的空白/填充。
这是 map :
-- http://rainpursuit.org/map.htm -- http://rainpursuit.org/mobilemap.htm
我要消除的空白:
-- map 周围的填充。我想让他们全屏 -- 不必要的大弹出窗口。过多的空白在桌面版本上不是什么大问题,但每次打开弹出窗口时都会导致移动应用程序中不必要的平移。
我在这里被难住了。任何帮助,将不胜感激。谢谢
最佳答案
重置 CSS 中的默认填充和边距属性:
html, body {
margin: 0;
padding: 0;
}
在移动版本上,您的 mobile2.css 中有:
.olControlMobileLayerSwitcher {
background-color: #FFFFFF;
border: 2px solid #CED6D9;
display: none;
height: 90%;
left: 55%;
margin-left: -50%;
overflow-y: auto;
padding-top: 25px;
position: absolute;
top: 1%;
width: 90%;
}
width:90%;
和 height:90%;
导致弹出窗口变大。您可以更改这些值以减小弹出窗口的高度和宽度。
关于html - openlayers 填充空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21186326/