La cascada es lo que hace que CSS sea especial y poderoso. Pero en el caso de las consultas de los medios, la superposición puede parecer problemática. Considere el siguiente CSS ( reglas continuas para la superposición de consultas de medios CSS ): /* Standard – for all screens below 20em */ body { color: […]
Estoy tratando de crear una cuadrícula de cuadrados receptiva. Los cuadrados deben redimensionarse para ajustarse al ancho de la ventana gráfica. Los cuadrados no deben cambiar de tamaño cuando se cambia la altura de la ventana gráfica. Obtuve cómo ajustar el ancho de cada cuadrado, pero no sé cómo hacer que los elementos cuadren y […]
He intentado implementar el nuevo enfoque srcset para imágenes receptivas, usando el siguiente HTML Estoy usando Chrome 40 y todo lo que obtengo es la imagen más grande, cambiar el tamaño de mi navegador, limpiar el caché no hace nada. Leí en alguna parte que tenía que rellenar, así que utilicé el plugin de relleno, […]
Estoy intentando cambiar dos ubicaciones de div s para un diseño receptivo (el sitio se ve diferente según el ancho del navegador / bueno para el móvil). En este momento tengo algo como esto: Pero, ¿sería posible cambiar sus ubicaciones para que parezca que second_div es el primero, solo con CSS? El HTML permanece igual. […]
Intento moverme a la nueva grilla Boostrap 3 y estoy enfrentando algunas dificultades. ¿Cómo hacer que la grilla se acumule por debajo de 480px, pero no entre 480px y 768px? por encima de 768px el relleno a la izquierda del primero y el relleno a la derecha están fuera del contenedor, pero debajo de 768px […]
Como puede leer en su página, el nuevo Bootstrap 3 es “móvil primero”: Con Bootstrap 2, agregamos estilos amigables para dispositivos móviles opcionales para aspectos clave del marco. Con Bootstrap 3, hemos rescrito el proyecto para que sea amigable para dispositivos móviles desde el principio . En lugar de agregar estilos móviles opcionales, están integrados […]
Necesito mantener el ancho de un elemento como un porcentaje de su altura . Entonces, a medida que la altura cambia, el ancho se actualiza. Lo contrario se puede lograr utilizando un valor de% para el relleno de la parte superior, pero el relleno de la izquierda como un porcentaje será un porcentaje del ancho […]
El objective es que el elemento se expanda al tamaño de su contenedor principal, en este caso un , sin importar cuán grande o pequeño sea ese contenedor. El código: svg, #container{ height: 100%; width: 100%; } La solución más común a este problema parece ser establecer el atributo viewBox en el elemento . viewBox=”0 […]
Soy muy nuevo en Front-end development and Foundation. Intento que sea una imagen de pantalla completa que se ajusta de manera responsable. ¿Alguien puede decirme qué estoy haciendo mal? Está escalando correctamente, pero no muestra la imagen completa. También quería que sentara sobre él en un dispositivo móvil, ¿es posible? El HTML: BleepBleeps A family […]
He hecho este jsfiddle el html: header not a lot of text here but still overflowing con css: html, body { height: 100%; width: 100%; } #launchmain { width: 55%; display: inline-block; position: relative; top:10%; left:25%; } #launchmain:after { padding-top: 79.26%; display: block; content: ”; margin-top: 10px; } #box1 { border: 1px solid #000000; position: […]