Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按钮的大小(传单搜索插件)_Javascript_Css_Button_Size_Leaflet - Fatal编程技术网

Javascript 按钮的大小(传单搜索插件)

Javascript 按钮的大小(传单搜索插件),javascript,css,button,size,leaflet,Javascript,Css,Button,Size,Leaflet,我得到了一张地图,上面有一个使用插件传单控件搜索创建的按钮,我只是按照演示添加了它 我还使用easybutton插件创建了一些按钮 当我使用Firefox时,它们看起来很好,大小都一样,但使用chrome或edge时,搜索控制按钮比其他按钮小,实际上其他按钮更大,而使用传单.search.control创建的按钮更小 我试着用easy.buttons创建它,但我不知道怎么做 var searchControl = new L.Control.Search({ layer: Hospitals,

我得到了一张地图,上面有一个使用插件传单控件搜索创建的按钮,我只是按照演示添加了它

我还使用easybutton插件创建了一些按钮

当我使用Firefox时,它们看起来很好,大小都一样,但使用chrome或edge时,搜索控制按钮比其他按钮小,实际上其他按钮更大,而使用传单.search.control创建的按钮更小

我试着用easy.buttons创建它,但我不知道怎么做

var searchControl = new L.Control.Search({
layer: Hospitals,
propertyName: 'Hosp_Name',
zoom:14,
hideMarkerOnCollapse:true,
textPlaceholder: "Search Hospital"
});
searchControl.on('search:LocationFound', function(e) {
e.layer.openPopup().openOn(Map);
});
Map.addControl(searchControl);

我查看了传单-search.css和js,但我不知道它是在哪里定义的,我也不明白为什么会发生这种情况。

屏幕截图显示了搜索图标设置的差异:看起来大小是硬编码的。我会看看其他的传单按钮,看看它们是否使用不同的度量来确定它们的大小。找到了。简易按钮有这个功能。传单触摸。搜索按钮{宽度:30px;高度:30px;线条高度:30px;}我会修改它,这样我就可以得到相同大小的所有东西。我不明白的是,当我使用Edge和Chrome而不是Firefox时,为什么我的笔记本电脑会触发这个问题