Heim > Web-Frontend > js-Tutorial > jQery zentriert Webseiten auf Displays für jede Auflösung_jquery

jQery zentriert Webseiten auf Displays für jede Auflösung_jquery

WBOY
Freigeben: 2016-05-16 16:45:28
Original
1236 Leute haben es durchsucht

Ermitteln Sie die Bildschirmbreite und stellen Sie sie mit der ID des Frames auf die Breite des Div ein. Die maximale Breite der kleinen Demo beträgt 1440

Code kopieren Der Code lautet wie folgt:




< meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> /title>

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

< /body>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage