CSSをブラウザに適応させる方法

CSS アダプティブ ブラウザの設定方法: まず、対応するコード ファイルを開き、次に JS コード「jQuery(window).resize(function(){...}」を使用してコンテンツ アダプティブ ブラウザの幅を実装します。または高さ。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

css 設定アダプティブ ブラウザ

ページを作成するとき、ブラウザのサイズを調整するときに、ブラウザの幅または高さに合わせてコンテンツを実現したい場合は、js 処理を使用できます。

 jQuery(window).resize(function(){
          jQuery('#contextDiv').width(jQuery(document).width());
   });
  jQuery(window).resize();

Organize を使用して、ブラウザの幅と高さ 高度な方法:

$j(window).height(); //浏览器窗口可视区域高度
$j(window).width()); //浏览器窗口可视区域宽度
$j(document).height()); //浏览器窗口文档的高度
$j(document).width()); //浏览器窗口文档对于象宽度
$j(document.body).width()); //浏览器窗口文档body的高度
$j(document.body).height()); //浏览器窗口文档body的高度
$j(document.body).outerHeight(true)); //浏览器窗口文档body的总高度 包括border padding margin
$j(document.body).outerWidth(true));//浏览器窗口文档body的总宽度 包括border padding margin
$j(document).scrollTop()); //获取滚动条到顶部的垂直高度
$j(document).scrollLeft()); //获取滚动条到左边的垂直宽度

推奨: "css ビデオ チュートリアル "

以上がCSSをブラウザに適応させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。