2

私のコードは次のようになります。

<link rel="stylesheet" href="css/foundation.css" media="all">
<div class="row">
<div class="large-12 columns">
    <div class="large-6 column">
        Lorem ipsum 
    </div>
    <div class="large-6 column">
        Lorem ipsum 
    </div>
</div>
</div>

ブラウザでは、本来あるべきように見えます ブラウザ

しかし、印刷したいときは、モバイル/タブレットビューのように機能します ここに画像の説明を入力

DIN A4 ページとブラウザーに正確に 2 つの列を表示する必要があります。それを処理する方法はありますか。それとも、この問題に対して Zurb.Foundation 4 よりも優れたフレームワークでしょうか?

よろしくお願いします。

4

2 に答える 2

-1

この問題が発生した場合。Foundation にはまだ実際の解決策がないため、Bootstrap を試してください。少なくとも私は見つけられませんでした。

ブートストラップ:

<div class="row">
 <div class="col-6 col-sm-6 col-lg-6">
    Lorem ipsum 
  </div>
  <div class="col-6 col-sm-6 col-lg-6">
    Lorem ipsum 
 </div>
</div>
于 2013-07-31T04:58:55.250 に答える