Twitter Bootstrap CSS影响谷歌地图

作者: 解天
发布时间: 2024-04-09 06:27:12 (15天前)
转自：

11 条回复

0#
回复此人
不丶离 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我也不得不关掉盒子阴影，因为我的包含顺序，我添加了！important标志。 </p> <pre> <code> #mapCanvas img { max-width: none !important; box-shadow: none !important; } </code> </pre> </DIV>

编辑
1#
回复此人
滔滔江水 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 为地图canvas div提供id <code> map_canvas </code> 。 </p> <P> <a href="https://github.com/twbs/bootstrap/commit/fe30bd60553bea0f706725deb9a0ad9ef04f0247" rel="nofollow"> 这个引导程序提交 </A> 包括 <code> max-width: none </code> 修复id <code> map_canvas </code> （但它不会起作用 <code> mapCanvas </code> ）。 </p> </DIV>

编辑
2#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用gmap4rails gem更改#MapCanvas并不适用于我们，但是当我们更改为时，确实没有 </p> <pre> <code> .map_container img { max-width: none; } .map_container label { width: auto; display:inline; } </code> </pre> </DIV>

编辑
3#
回复此人
离线请留言 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用Bootstrap 2.0，这似乎可以解决问题： </p> <pre> <code> #mapCanvas img { max-width: none; } </code> </pre> </DIV>

编辑
4#
回复此人
⑩Ⅵ嵗Ｄ夨憶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 最新的twitter bootstrap 2.0.4直接包含此修复程序。 </p> <P> 如果要将内容包装在a（div class =“container”）中，就像在twitter bootstrap的演示页面中那样，你应该添加一个style =“height：100％” </p> </DIV>

编辑
5#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您希望使用max-width：none覆盖CSS部分中的max-width规则;这似乎是解决这个问题的方法 </p> </DIV>

编辑
6#
回复此人
不见你 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我正在使用gmaps4rails，这个修复程序为我做了： </p> <pre> <code> .gmaps4rails_map img { max-width: none; } .gmaps4rails_map label { width: auto; display:inline; } </code> </pre> </DIV>

编辑
7#
回复此人
一生浮华 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在任何浏览器中使用Print打印地图也存在问题。该 <code> img { max-width: 100% !important; } </code> 将不会被上面的代码修复：的<strong> 你需要添加一个 <code> !important </code> 这样的声明： </强> </p> <pre> <code> @media print { img { max-width: auto !important; } } </code> </pre> </DIV>

编辑
8#
回复此人
NetworkAttachedStorage | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这些答案都没有对我有用，所以我进入了我的div，看着它的孩子，我看到了一个新的div，类为“gm-style”，所以我把它放在我的CSS中： </p> <pre> <code> .gm-style img { max-width: none; } .gm-style label { width: auto; display:inline; } </code> </pre> <P> ..那解决了我的问题。 </p> </DIV>

编辑
9#
回复此人
蜡笔小辛 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 所有答案都是max-widht：none </p> <P> 对我来说，max-height：继承工作..... </p> <P> 人们正在使用＃map，＃map_canvas等。看看你的父div。如果它是蓝色的，那么它将是#blue img {} </p> </DIV>

编辑

登录后才能参与评论