Détectez la largeur de l'écran et définissez l'ID sur la largeur Div du cadre. Ajustez-le en fonction de la largeur maximale de votre page Web. La largeur maximale de la petite démo est 1440
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> UNT intitulé Document </Title>
<script src = "js / jquery.min.js" type = "text / javascript"> </ script>
<cript>
fonction onWidthChange () {
var w = $ (fenêtre) .Width ();
x = (W-1440) / 2;
$ ("# frame"). CSS ("largeur", w);
if (w <1024) {
$ ("# frame"). CSS ("Overflow", "Visible");
$ ("# webContent"). CSS ("marge-gauche", x);
} else if (1024 <w <1440) {
$ ("# frame"). CSS ("Overflow", "Hidden");
$ ("# webContent"). CSS ("marge-gauche", x);
}
setTimeout (OnWidthCange, 0);
};
</cript>
</ head>
<body>
<div id = "frame" style = "Overflow: Hidden;">
<div id = "webContent">
//contenu
</div>
</div>
</docy>
</html>