Comment adapter le CSS au navigateur

Comment configurer le navigateur adaptatif CSS : ouvrez d'abord le fichier de code correspondant ; puis utilisez le code js "jQuery(window).resize(function(){...}" pour implémenter la largeur du navigateur adaptatif de contenu Ou

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3

Navigateur adaptatif de configuration CSS<.>

Lors de la création d'une page, nous constatons souvent que lors de l'ajustement de la taille du navigateur, si nous voulons que le contenu s'adapte à la largeur ou à la hauteur du navigateur, nous pouvons utiliser le traitement js :

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

Organiser pour obtenir la largeur et la hauteur du navigateur Méthode de haut niveau :

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

Recommandée : "

tutoriel vidéo CSS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!