ホームページ  >  記事  >  ウェブフロントエンド  >  異なるCSSスタイルシートを使用するために異なるサイズのブラウザを実装するjqueryメソッド_jquery

異なるCSSスタイルシートを使用するために異なるサイズのブラウザを実装するjqueryメソッド_jquery

WBOY
WBOYオリジナル
2016-05-16 16:53:541513ブラウズ

このメソッドは IE およびその他のブラウザをサポートしています。

1. 最初に 2 つのリンクを定義します。もちろん、2 つ目のリンクは変更する CSS です

コードをコピーします コードは次のとおりです:



2. 次の JavaScript コードは、次に従って css
コードをコピーします コードは次のとおりです。
functionAdjustStyle(width) {
width = parseInt (幅);
if (width $("#css").attr("href", "css/narrow.css"); else if ((幅>= 701) && ( width : 🎜>$(function() {
AdjustStyle($(this).width());
$(window).resize (function() {
AdjustStyle($(this).width() );
});
});

上記のコードはテストされており、利用可能です。 !
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。