Del curso: Diseño web responsive: Imágenes

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.100 cursos impartidos por expertos del sector.

Detectando densidad de pixels por pulgada usando x

Detectando densidad de pixels por pulgada usando x

Del curso: Diseño web responsive: Imágenes

Detectando densidad de pixels por pulgada usando x

(Hombre) Sabemos que a la hora de trabajar con SRCC tenemos diferentes atributos que podemos incluir para indicarle al navegador lo grande que es una imagen. Tenemos por un lado el atributo W para definir el ancho y también tenemos el atributo descriptor X para indicar la densidad de pixel de la pantalla. Si he dejado un poco de lado esta última opción, es porque por norma habitual suele emplearse más el primero y además recuerda que es muy importante no usar los dos a la vez para evitar problemas. Generalmente, se usa el atributo del ancho porque es mucho más entendible de cara construir también el CSS asociado nuestro documento HTML, de todas formas, con el atributo X, en vez de hablar de anchos hablariamos de densidades de píxel. Esta imagen para pantallas con una densidad de 1X, esta otra imagen para pantallas con densidad 2X, y así, tantas como nosotros hubiesemos preparado en nuestro programa de diseño, las hubiesemos guardado y las estuviesemos incluyendo y enlazando dentro el…

Contenido