-3

メディア クエリを使用して Web サイトのレイアウトを調整しています。

私の質問は次のとおりです。画面サイズに基づいてスライダーに異なる数のアイテムを表示するにはどうすればよいですか?

小さな画面の場合、これをエコーし​​ます:

<?php if($i == 4) {echo '</li><li>';} ?>

大画面では、これをエコーする必要があります:

<?php if($i == **3**) {echo '</li><li>';} ?>

PHPのみを使用してこれを設定する方法は? 回避策はありますか?

ありがとう

4

2 に答える 2

0

これは、大画面やモバイル画面に必要な変更を加えて、すべてを 2 回エコーすることで実現できます。

<div class="mobile-only">
  <!-- Echo your stuff for mobiles -->
</div>
<div class="big-screen-only">
  <!-- Echo your stuff for full-sized screens -->
</div>
<!-- Maybe more -- depending on your requirements -->

次に、メディアクエリ.mobile-onlyで通常の画面を非表示にし、その逆を行います。これは少しやり過ぎのように思えますが、ほとんどの場合、これはまったく正常なことだと思います。

更新:仕事をするメディアクエリを投稿する(適切と思われるように修正してください)

@media screen and (max-width:480px) {
  .big-screen-only { display: none }
}

@media screen and (min-width:481px) {
  .mobile-only { display: none }
}
于 2013-09-01T11:55:16.327 に答える