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();

브라우저 너비와 높이를 얻는 방법 구성:

$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 중국어 웹사이트의 기타 관련 기사를 참조하세요!