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: […]
Me estoy enfocando específicamente en dispositivos móviles, así que tengo una tabla responsiva de Bootstrap. Es solo un div con la clase bootstrap “table-responsive” y una tabla anidada dentro con las clases “table table-striped table-table-table-hover table-condensed”. ¿Hay alguna manera fácil de asegurarse de que la primera columna esté fija (sin desplazarse horizontalmente)? En los dispositivos […]
Quiero que todas (o solo algunas) de mis imágenes cambien de tamaño automáticamente cuando cambie el tamaño de la ventana de mi navegador. He encontrado el siguiente código, aunque no hace nada. HTML CSS body { font-family: Arial; font-size: 11px; color: #ffffff; background: #202020 url(../../img/body_back.jpg) no-repeat top center fixed; background-size: cover; } #icons { position: […]