¿Cómo guardar la proporción?
Hace tiempo me parecido leer en algún manual de html algo para que guardase la proporción, o se viera igual en configuraciones diferentes de pantalla. Estaría interesado en esto, porque yo siempre trabajo en resoluciones de pantalla de 800x600 y si pones una 1024 o superior, ya no es lo mismo, me gustaría saber si existe algo para este problema.
1 respuesta
Respuesta de arwing
1
Sólo tienes que manejar los tamaños en porcentajes en lugar de pixeles.
Por ejemplo, si quieres que una imagen abarque toda la pantalla, puedes hacer esto:
<img src="imagen.png" width="800" height="600">
Y se verá en pantalla completa pero sólo para las resoluciones de 800x600, para otras se verá de diferentes tamaños.
Pero si usas:
<img src="imagen.png" width=100% height=100%>
No importa que resolución tengas, la imagen se verá a pantalla completa.
Y así es como debes hacerlo en tablas, alineaciones, imágenes, etc. En porcentajes funcionará en todas pero en pixeles funcionará en una resolución específica.
Por ejemplo, si quieres que una imagen abarque toda la pantalla, puedes hacer esto:
<img src="imagen.png" width="800" height="600">
Y se verá en pantalla completa pero sólo para las resoluciones de 800x600, para otras se verá de diferentes tamaños.
Pero si usas:
<img src="imagen.png" width=100% height=100%>
No importa que resolución tengas, la imagen se verá a pantalla completa.
Y así es como debes hacerlo en tablas, alineaciones, imágenes, etc. En porcentajes funcionará en todas pero en pixeles funcionará en una resolución específica.
