media queries

Media Queries de CSS3 y el diseño adaptativo

Una de las principales ventajas que nos brinda CSS3 es el uso de Media Queries. Este componente nos permite definir una clase CSS dependiendo del tamaño del visor de nuestra página. Como ya os habréis percatado, se utilizan en el diseño adaptativo de páginas web, Responsive Web Design y es súper útil. Puesto que nos vamos a asegurar que nuestra página web se vea perfectamente en todos los posibles visores, o al menos, los más populares. Por ejemplo, podemos definir una clase para el body tal que así: body { background-color: red; } Ahora usaremos una Media Querie para decir que si el ancho de la pantalla es de 500 pixels, ponga el color de fondo negro y el texto en blanco, […]