6

zurb Foundation 3 を使用してみましたが、Google マップに問題があります。私は Google マップを使用していますが、列はレスポンシブになりたくありませんでした。

<div class="row">
<div class="six columns">short description</div>
<div class="six columns"><iframe>GOOGLE MAPS CODE</iframe></div>
</div>

誰でも私を助けてください。

ありがとうございました

4

6 に答える 6

4

Zurb Foundation で Google マップを使用しましたが、うまくいきました。私はiframeを使用しませんでした。

<div id="map_canvas" class="six columns" style="height: 800px"></div>

<div class="six columns" style="height: 800px"></div>
于 2013-04-21T18:40:34.310 に答える
1

マップを id の要素で囲む必要がありますmap_canvas。

<div class="row">
    <div class="six columns">short description</div>
    <div class="six columns">
        <div id="map_canvas" ><iframe>GOOGLE MAPS CODE</iframe></div>
    </div>
</div>
于 2013-04-17T08:48:23.957 に答える
0

これまでのところ、「Flex Video」クラスはこれを行うための最良の方法ですが、div の下部に主要なパディングを追加します。つまり、半ダースのうちの 6 です。

于 2013-12-07T23:03:53.520 に答える
0

style="max-width:100%;" を追加するだけです あなたのiframeコードに。iframe が Foundation のいずれかの列の内側にある限り、収まるようにスケーリングされます。これは Foundation 4 や 5 ではなく、Foundation 3 でテストされていることに注意してください。

于 2013-12-10T19:25:37.777 に答える