So passen Sie CSS an den Browser an

So richten Sie den adaptiven CSS-Browser ein: Öffnen Sie zuerst die entsprechende Codedatei und verwenden Sie dann den JS-Code „jQuery(window).resize(function(){...}“, um die Breite oder Höhe des inhaltsadaptiven Browsers zu ermitteln.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer

CSS-Einstellung adaptiver Browser

Beim Erstellen von Seiten stoße ich oft darauf, dass ich die Browsergröße anpassen möchte den Inhalt. Um sich an die Browserbreite oder -höhe anzupassen, können Sie die js-Verarbeitung verwenden:

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

Organisieren Sie die Methoden, um die Browserbreite und -höhe zu erhalten:

$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()); //获取滚动条到左边的垂直宽度

Empfohlen: „css-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo passen Sie CSS an den Browser an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!