Javascript 谷歌地图不尊重divcss风格

所以我有一个名为dgmap的div，我把我的谷歌地图放在它上面。 我遇到的问题是，当我显示地图时，它超出了我在CSS中指定的大小。仅供参考，我的目标是HTC evo，其设备宽度为480px。 所以宽度应该是44px？？有什么想法吗

#dgmap {
float:none;
width: 98%;
height: 300px;
}
@media only screen and (max-width: 480px) 
{
#dgmap{
float: none;
width: 44px;
height: 250px;      

}
}

---

您是否尝试过包含

！重要信息

标记到如下宽度：

width: 44px !important;

---

Google Maps提供了一个带有iframe的代码，如：

<iframe width="250" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=FRCUIAIduoZTCCnnVy7whxtdYDGJG1cii2EBLg%3BFYBHIQIdCrpTCCkfVrpup5IYYDF4sncnN-BKPQ&amp;q=tokyo+to+toshima+ku+ikebukuro+3-30-15.&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=34.122306,86.572266&amp;ie=UTF8&amp;t=m&amp;start=0&amp;ll=35.724496,139.70541&amp;spn=0.041808,0.051498&amp;z=13&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=FRCUIAIduoZTCCnnVy7whxtdYDGJG1cii2EBLg%3BFYBHIQIdCrpTCCkfVrpup5IYYDF4sncnN-BKPQ&amp;q=tokyo+to+toshima+ku+ikebukuro+3-30-15.&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=34.122306,86.572266&amp;ie=UTF8&amp;t=m&amp;start=0&amp;ll=35.724496,139.70541&amp;spn=0.041808,0.051498&amp;z=13" style="color:#015492;text-align:left; font-size:10px; font-weight:bold; float:right;">VIEW LARGER MAP</a></small>

---

您必须在iframe中指定映射的大小。

在必要时隐藏div，然后调用google.maps.event.trigger（映射“resize”）

---

希望这有帮助

44px对于谷歌地图来说太小了，可能是太小了。您使用什么代码来初始化映射？您确定该规则已应用于浏览器吗？