0

画面が 1024px より狭い場合、このトピック Hide A DIV を見つけました。以下の引用されたコードで同様のものを取得したいのですが、この種の応答のコード: ウィンドウが狭い場合に 1 つの div ( id="krug_wide" ) を非表示にする1280px で、その非表示の div を別のものに置き換えます ( id="krug_small" )。

上記のトピックに関連するページhttp://www.fryed.co.uk/labs/resize_div_on_window_resizeも見つけました。私はまだ正しくて適切な構文を理解できませんが、それはあなたにとって「簡単なこと」だと確信しています.

前もって感謝します。

$(document).ready(function () {

    var screen = $(window)    

    if (screen.width < 1024) {
        $("#krug_wide").hide();
    }
    else {

        $("#floatdiv").show();
    }

});
4

2 に答える 2

1

このリンクに例があるメディアクエリを使用できます

メディア クエリは、メディア タイプと、特定のメディア機能の条件をチェックする 0 個以上の式で構成されます。

CSSで

@media screen and (max-width: 1280px) {
    //Some property here
    #krug_wide{
       ...
    }
}

または別の CSS を作成する

<link rel="stylesheet" media="screen and (max-width:1280px)" href="example.css" />

W3C メディア クエリに関する多くの例があります。

于 2013-10-28T10:57:49.583 に答える
0

css で次のメディアクエリを適用します。

@media only screen (max-device-width: 1023px) {
  .content { // Your div's class name to hide
     display: none;
  }
}
于 2013-10-28T11:05:11.457 に答える