Detecte el ancho de la pantalla y establezca la ID en el ancho de Div del marco. Ajustelo de acuerdo con el ancho máximo de su página web. El ancho máximo de la pequeña demostración es 1440
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> un documento titulado </title>
<script src = "js/jQuery.min.js" type = "text/javascript"> </script>
<script>
función onwidthchange () {
var w = $ (ventana) .Width ();
x = (W-1440)/2;
$ ("#marco"). CSS ("Ancho", w);
if (w <1024) {
$ ("#Frame"). CSS ("Desbloque", "Visible");
$ ("#webcontent"). CSS ("margen-izquierda", x);
} else if (1024 <w <1440) {
$ ("#marco"). CSS ("desbordamiento", "oculto");
$ ("#webcontent"). CSS ("margen-izquierda", x);
}
setTimeout (OnWidthchange, 0);
};
</script>
</ablo>
<Body>
<div id = "frame" style = "desbordamiento: oculto;">
<div id = "webcontent">
//contenido
</div>
</div>
</body>
</html>