Maison  >  Article  >  interface Web  >  jQery centre les pages Web sur les écrans pour n'importe quelle résolution_jquery

jQery centre les pages Web sur les écrans pour n'importe quelle résolution_jquery

WBOY
WBOYoriginal
2016-05-16 16:45:281212parcourir

Détectez la largeur de l'écran et réglez-la sur la largeur du div avec l'identifiant du frame. Ajustez-la en fonction de la largeur maximale de votre page Web. La largeur maximale de la petite démo est de 1440

<.>Copier le code Le code est le suivant :



< méta http-equiv="Content-Type" content="text/html; charset=utf-8" /> /titre>

<script> 🎜>var w=$(window).width( ); <br>x=(w-1440)/2; <br>$("#frame").css("width",w <br> if(w<1024){ <br>$( "#frame").css("overflow","visible"); <br>$("#webContent").css("margin-left",x) ; <br>}else if(1024<w< 1440){ <br>$("#frame").css("overflow","hidden"); <br>$("#webContent").css( "margin-left",x); <br> } <br>setTimeout(onWidthChange,0); <br></script> ;

🎜>

< /corps>
Déclaration:
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