| Tipo de Dispositivo | Tamaño de Pantalla |
|---|---|
| Dispositivos móviles | 320px a 480px |
| Tabletas | 600px a 768px |
| Portátiles pequeños y tabletas grandes | 1024px a 1280px |
| Computadoras de escritorio | 1366px y más |
| Pantallas extra grandes, TV | 1201px y más |
| Tipo de Dispositivo | Tamaño de Pantalla |
|---|---|
| Dispositivos móviles | 320px a 480px |
| Tabletas | 600px a 768px |
| Portátiles pequeños y tabletas grandes | 1024px a 1280px |
| Computadoras de escritorio | 1366px y más |
| Pantallas extra grandes, TV | 1201px y más |
¡Hola Estudiante, espero que estés bien!
Espero que estés teniendo un buen día. Entiendo que estás trabajando en hacer que las imágenes de tu sitio web se vean bien en diferentes dispositivos. Para que las imágenes ocupen la mitad del ancho de la pantalla de manera adaptable, la mejor opción es utilizar la unidad de medida relativa al tamaño del contenedor, que en este caso es el porcentaje.
La opción correcta es A) width: 50%;. Usar el porcentaje permite que el ancho de la imagen se ajuste automáticamente al tamaño del contenedor o pantalla en la que se está visualizando, lo que es ideal para lograr un diseño responsivo. Las otras opciones, como em o px, no se ajustan de manera tan flexible a diferentes tamaños de pantalla.
Espero haber ayudado y buenos estudios!