Resolución en pantalla
Como puedo hacer mediante un código de javascript que el tamaño de mi p{agina web se ajuste a la resolución de cada monitor en el que se visualice
1 Respuesta
Respuesta de b00tes
1
No entiendo bien qué quieres decir con "el tamaño de tu página web". Los elementos HTML con atributo WIDTH pueden tener valores relativos, por ejemplo 80%, que hace que la página se ajuste al espacio disponible.
Si lo que quieres es llevar al usuario a una página distinta en función de la resolución:
<html>
<head>
<script language="JavaScript">
if (screen.width + "x" +screen.height == "640x480") location.href="pagina640x480.htm"
if (screen.width + "x" +screen.height == "800x600") location.href="pagina800x600.htm"
if (screen.width + "x" +screen.height == "1024x768") location.href="pagina1024x768.htm"
</script>
</head>
</html>
Si lo que quieres es utilizar la misma página, pero cambiando las dimensiones de los elementos puedes, o bien crear el código de estos elementos con javascript:
<script language="JavaScript1.2">
<!--
document.writeln("<TABLE ID='tabla1' WIDTH='" + screen.width + "' HEIGHT='" + screen.height +"'>");
//-->
</script>
O bien cambiar el ancho en su CSS:
document.getElementById("tabla1").style.width = screen.width+'px';
Si tu página es dinámica, puedes enviarte los valores de la resolución y crear la página en función de ésta.
Si lo que quieres es llevar al usuario a una página distinta en función de la resolución:
<html>
<head>
<script language="JavaScript">
if (screen.width + "x" +screen.height == "640x480") location.href="pagina640x480.htm"
if (screen.width + "x" +screen.height == "800x600") location.href="pagina800x600.htm"
if (screen.width + "x" +screen.height == "1024x768") location.href="pagina1024x768.htm"
</script>
</head>
</html>
Si lo que quieres es utilizar la misma página, pero cambiando las dimensiones de los elementos puedes, o bien crear el código de estos elementos con javascript:
<script language="JavaScript1.2">
<!--
document.writeln("<TABLE ID='tabla1' WIDTH='" + screen.width + "' HEIGHT='" + screen.height +"'>");
//-->
</script>
O bien cambiar el ancho en su CSS:
document.getElementById("tabla1").style.width = screen.width+'px';
Si tu página es dinámica, puedes enviarte los valores de la resolución y crear la página en función de ésta.
