Javascript 在新布局/css中集成Mapbox时出现的问题

Javascript 在新布局/css中集成Mapbox时出现的问题,javascript,html,css,leaflet,mapbox,Javascript,Html,Css,Leaflet,Mapbox,最近我改变了一个网站的布局,在一些页面上我使用了mapbox api。由于样式表的切换,映射框看起来乱七八糟,比率错误,并且映射中出现了白线 这是一张关于之前和之后的照片: [之前,它应该是什么样子]: [之后,它不应该是什么样子]: 我一直在浏览css和谷歌搜索,看看哪些参数会干扰地图,或者与弄乱地图有关,但没有成功。如果有人知道我应该编辑什么,我很想知道 地图是由瓷砖组成的。瓷砖是图像。 您的新样式似乎为图像添加了边距 尝试在css中添加以下行 img.leaflet-tile { ma

最近我改变了一个网站的布局,在一些页面上我使用了mapbox api。由于样式表的切换,映射框看起来乱七八糟,比率错误,并且映射中出现了白线

这是一张关于之前和之后的照片:

[之前,它应该是什么样子]:

[之后,它不应该是什么样子]:


我一直在浏览css和谷歌搜索,看看哪些参数会干扰地图,或者与弄乱地图有关,但没有成功。如果有人知道我应该编辑什么,我很想知道

地图是由瓷砖组成的。瓷砖是图像。 您的新样式似乎为图像添加了边距

尝试在css中添加以下行

img.leaflet-tile { margin:0px }

大家好,欢迎来到Stack Overflow。请阅读。为了获得帮助,您需要发布有问题的代码并描述您尝试过的内容。作为补充,请检查
img
以及
img.传单瓷砖的css样式。你的新风格可能会弄乱全局img标签。