Ayuda para solucionar problema de tamaño de fuente al cambiar la resolución de una web
Hola juanceer, de nuevo contando con tu saber, sucede que hice una web con medidas para ver en resoluciones de 800*600, pero al verlas con una resolución de 1024*768 se ve la web de un tamaño muy pequeño quisiera me dieras una solución para hacer un diseño en el cual se vea bien en las dos resoluciones, realmente necesito que me ayudes,
por tu atención gracias.
por tu atención gracias.
1 Respuesta
Respuesta de juanceer
1
Hay dos opciones para eso, una es haciendo la página sobre tablas, con un ancho de 100%, así se ajusta al tamaño de 1024*768, aunque esto a veces falla.
La otra es haciendo 2 sitios iguales, uno para cada resolución, y en la página inicial poner un script que redireccione al visitante al que corresponda, según la resolución de pantalla que use. Aquí te envío uno:
Se otorga como valor las direcciones URL en tres variables para cada una de la resoluciones más utilizadas (640x480, 800x600 y 1024x768). Luego se realiza una sentencia para detectar la resolución de pantalla del usuario, y de acuerdo al ese valor se redirecciona el navegador hacia la dirección correspondiente a esa resolución.
<html>
<head>
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>
</head>
<body onLoad="redireccionar()">
</body>
</html>
La otra es haciendo 2 sitios iguales, uno para cada resolución, y en la página inicial poner un script que redireccione al visitante al que corresponda, según la resolución de pantalla que use. Aquí te envío uno:
Se otorga como valor las direcciones URL en tres variables para cada una de la resoluciones más utilizadas (640x480, 800x600 y 1024x768). Luego se realiza una sentencia para detectar la resolución de pantalla del usuario, y de acuerdo al ese valor se redirecciona el navegador hacia la dirección correspondiente a esa resolución.
<html>
<head>
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>
</head>
<body onLoad="redireccionar()">
</body>
</html>
