Maison> interface Web> tutoriel CSS> le corps du texte

css如何自适应浏览器

藏色散人
Libérer: 2022-12-30 11:13:33
original
3645 Les gens l'ont consulté

css自适应浏览器的设置方法:首先打开相应的代码文件;然后使用js代码“ jQuery(window).resize(function(){...}”实现内容自适应浏览器宽度或者高度即可。

css如何自适应浏览器

本文操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。

css设置自适应浏览器

做页面,经常遇到,在调整浏览器大小的时候,想要实现内容自适应浏览器宽度或者高度,可以使用js处理:

jQuery(window).resize(function(){ jQuery('#contextDiv').width(jQuery(document).width()); }); jQuery(window).resize();
Copier après la connexion

整理获得浏览器宽度和高度的方法:

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

推荐:《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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!