很简单的问题; 导航栏内的引导容器太宽,导致水平滚动条扩展主体.
令我感到困惑的是,两者的CSS似乎相等,Chrome开发工具返回的计算值是相同的.如果有人能够找到问题,那将是非常棒的.
我在容器内有几个盒子,容器设置为溢出:隐藏以确保一切都停留在它的位置并带走溢出:隐藏(特别是overflow-x:hidden)不是一个选项.
我试图给盒子一个盒子阴影,但是当这样做时,盒子右边的阴影显然没有出现,因为父对象停在那里并且没有溢出.
有没有办法解决这个问题?
我的代码:
<!DOCTYPE html>
<html>
<head>
<title>OpenTTD Map</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.css" />
<script src="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.js"></script>
</head>
<body>
<div id="map" style="width: 1600px; height: 900px"></div>
<script>
var tile_url = 'http://dev.ruun.nl/zelf/openttd/tiles/map_{x}_{y}.png';
var map = L.map('map', {
maxZoom: 20,
minZoom: 20,
crs: L.CRS.Simple
}).setView([0, 0], 20);
//65409x32839
var southWest = map.unproject([0, 32839], map.getMaxZoom());
var northEast = map.unproject([65409, 0], map.getMaxZoom());
map.setMaxBounds(new L.LatLngBounds(southWest, northEast));
L.tileLayer(tile_url, {
attribution: 'Map data © Ieuan\'s OpenTTD World',
continuousWorld: true,
tileSize: 256
}).addTo(map);
</script>
</body>
</html> …Run Code Online (Sandbox Code Playgroud) 简单的问题,希望也是一个简单的答案; 是否有可能在Android上锁定全屏?基本上隐藏吐司,隐藏家/后/开关,隐藏通知栏,使其从底部或顶部滑动不起作用.
研究一个可以从中受益的想法.我知道做我描述的事情是不好的,但它针对的是非常年幼的孩子,他们随意点击/拖动偶尔将你的手机语言改为中文.
css ×2
html ×2
android ×1
box-shadow ×1
fullscreen ×1
javascript ×1
leaflet ×1
overflow ×1
png ×1