1

1024 X 768 以下の画面解像度で次のコードを非表示にしたい:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ankitnagpal"></script>
<!-- AddThis Button END -->

どうすればいいのですか？いくつかのコードまたは参照を共有してください。低解像度のユーザーは通常、Win XP を使用します。そのため、ソリューションが Win XP の IE バージョンと互換性があるかどうかを確認してください。

どの技術がそれを可能にしますか? Javascript、CSS、または jQuery?

4

4 に答える 4

2

実際、メディアクエリは Internet Explorer 9 未満では機能しません。この要素のみを操作する場合は、jQuery を使用することをお勧めします。

if ( $(window).width() <= 1024 && $(window).height() <= 768 )
  $('.addthis_toolbox').hide();

実際には特別なことをしているわけではありません。もちろん、使用できます

$(window).on('resize', function(){ ... });

あなたのコードで何か他の魔法をしたいが、私が理解したことは必要ありません。特定の解像度で変更する要素がさらにある場合は、css メディアクエリを使用することをお勧めします。「awesome」IE との互換性のために、respond.jsを使用することをお勧めします。

于 2013-06-05T07:04:54.293 に答える
0

メディアクエリを使おう！

コードをコンテナーにラップします。

<div id="container">
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ankitnagpal"></script>
    <!-- AddThis Button END -->
</div>

CSS:

@media screen and (max-height: 768px) and (max-width: 1024px) {
   .container { display: none }
}
于 2013-06-05T06:47:33.647 に答える
0

使用する必要があります

screen.height;
screen.width;

その値に基づいて、自分に合ったマージンを計算できます。 $(window).width() & $(window).height()解像度ではなくブラウザウィンドウの幅と高さを与える

例はこちら

于 2013-06-05T06:27:45.590 に答える