0

したがって、Googleマップを配置するdgmapという名前のdivがあります。私が遭遇している問題は、マップを表示すると、CSS で指定したサイズを超えているという事実です。参考までに、デバイスの幅が 480px の HTC evo をターゲットにしています。したがって、幅は 44px にする必要があります。?? 何か案は ?

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

}
}
4

3 に答える 3

0

!important次のように幅にタグを含めてみましたか:

width: 44px !important;
于 2012-10-17T19:09:10.320 に答える
0

必要になるまで div を非表示にしてから、google.maps.event.trigger(map, 'resize') の呼び出しを表示します

お役に立てれば!

于 2012-10-17T20:09:45.507 に答える
0

Google マップは、次のような 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 内のマップのサイズを指定する必要があります。

于 2012-10-17T20:05:35.200 に答える