Medias Queries

Leonardo Esteban Yáñez Melo

Programación HTML II

Instituto IACC

17 de julio de 2020
 Desarrollo

En tal sentido, se requiere que haga el diseño y la implementación de los media queries que

sean necesarios de tal forma que se garantice que la presentación de las páginas web (la

página del formulario y la respuesta de confirmación generada con PHP) sea agradable a la

vista y se haga un óptimo uso del espacio disponible, lo cual puede implicar utilizar

esquemas con múltiples columnas cuando exista bastante espacio disponible (como en el

caso de los PC) y esquemas de columna sencillos cuando el espacio disponible sea limitado

(como en el caso de los celulares).

Para fines de dar los resultados solicitados, se procede a presentar la inclusión de las

Medias Queries, que irán acompañadas de una captura que verifique el cambio que se realiza al

momento de hacer uso del formulario en las diferentes pantallas para las que se configuró el

formulario.

Es necesario mencionar que para verificar los cambios del tamaño de las pantallas a cada una de

las medidas establecidas se les dio una imagen diferente de fondo a la página.

Mostramos primero pantalla correspondiente a dispositivos grandes con resolución de

1024x1280.
Para los dispositivos de pantallas medianas con medidas de 768x1024 esta es la presentación de

la página.

Por último en el caso de los dispositivos con resoluciones de pantallas menores, entre 480x768
Se adjunta captura de código de medias queries además del código de hoja de estilo en un

archivo RAR.
 Bibliografía

Instituto Profesional IACC 2020. Hojas de Estilo CSS. Medias Queries.