responsive-design

Tengo un sitio web (g-floors.eu) y quiero hacer que el fondo (en css he definido una imagen bg para el contenido) también sea ... width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

Esta pregunta ya tiene una respuesta aquí: Mantener la relación de aspecto de un div con CSS ... | | | | | | | | | +----------+ CSS div { width: 80%; height: same-as-width }

IE8 no admite la siguiente consulta de medios CSS: @import url("desktop.css") screen and (min-width: 768px); Si no, ¿cuál ... con el siguiente código? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

Actualmente, cuando el ancho del navegador cae por debajo de 768px, la barra de navegación cambia al modo contraído. Quiero c ... atando con MENOS, estoy usando stylus, así que quiero saber cómo se puede hacer esto usando stylus u otro método. Gracias!

Quiero crear un div que pueda cambiar su ancho/alto a medida que cambia el ancho de la ventana. ¿Hay alguna regla CSS3 que ... ancho, manteniendo su relación de aspecto? Sé que puedo hacer esto a través de JavaScript, pero preferiría usar solo CSS.

El iPhone 5 tiene una pantalla más larga y no captura la vista móvil de mi sitio web. ¿Cuáles son las nuevas consultas de dis ... s de iPhone existentes? Mi consulta de medios actual es la siguiente: @media only screen and (max-device-width: 480px) {}

Cada tutorial de desarrollo de sitios web responsive recomienda usar la propiedad CSS display:none para ocultar el contenido ... el contenido en el navegador móvil? ¿Hay alguna forma de evitar la carga de contenido innecesario en los navegadores móviles?

Tengo un sitio para armar que tiene una relación de aspecto fija de aproximadamente 16:9 paisaje, como un video. Quiero ten ... cales. Lo sé usted podría hacer esto con JS con bastante facilidad, pero me gustaría una solución CSS pura. ¿Alguna idea?

Tengo un sitio web que debe ser sensible para los teléfonos móviles. Lo he creado usando mi escritorio. Cuando ajusto las ven ... pero cuando lo compruebo en mi teléfono móvil real: Samsung Galaxy S2 no responde a la vista móvil. ¿Qué podría estar mal?

Esta pregunta ya tiene una respuesta aquí: CSS puro para hacer que el tamaño de la fuente responda en fun ... ont-size: 3em; Pero cuando el diseño se reduce esto es demasiado grande. ¿Cómo puedo responder reducir el tamaño del texto?

Estoy probando Bootstrap responsiveness navbar y tengo un sitio web demo. Cuando cambio el tamaño del navegador en un escrito ... olo pude ver una versión muy pequeña del escritorio como el sitio web. ¿Podría alguien señalar lo que estoy haciendo mal?

Tengo el siguiente código que configura un contenedor que tiene una altura que cambia con el ancho cuando se cambia el tamaño ... enen alturas variables y el contenedor no puede tener una altura fija/altura de línea porque es sensible... Por favor, ayuda!

He descargado Twitter Bootstrap ejemplo y crear un proyecto rails simple con él. Copié el css donde era necesario y se muestr ... ); /* Body */ body { padding-top: 60px; padding-bottom: 40px; } /* Footer */ footer { padding: 20px 0; }

Tengo este código: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> < ... tiempo quiero que los otros bloques se expandan (cambie la clase de col-sm-3 a col-sm-4) col-sm-4 X 3 = 12. Alguna solución?

Tengo un video de YouTube incrustado en nuestro sitio web y cuando encoge la pantalla a tamaños de tableta o teléfono deja de ... de 560px de ancho. ¿Es este estándar para videos de YouTube o hay algo que pueda agregar al código para hacerlo más pequeño?

Esto puede sonar como una pregunta tonta. Si uso este fragmento CSS para pantallas normales (Donde box-bg.png es 200px por 2 ... Necesito duplicar el tamaño del div .box a 400px por 400px para que coincida con la nueva imagen de fondo de alta resolución?

EDITADO: Tal vez debería preguntar qué selector configura el relleno lateral cuando la pantalla se reduce a menos de 480px ... do de Bootstrap, ¿a qué consulta de medios o selector debo sobrescribir para eliminar este relleno en pantallas más pequeñas?

Necesito agregar características de diseño responsivo a mi aplicación web usando Twitter Bootstrap. Solo quiero el comportami ... un CSS Bootstrap con solo el ¿sistema de red? Me gustaría evitar una modificación manual de los archivos Bootstrap. Gracias!

Estoy tratando de crear una forma como en la imagen de abajo con un borde inclinado en un solo lado (por ejemplo, el lado in ... gt;</div> ¿Cómo puedo crear esta forma con un lado inclinado y también ser capaz de soportar tamaños dinámicos?

Con CSS media queries puede usar max-device-width para apuntar a un ancho de dispositivo (como un dispositivo iPhone o Androi ... ht: 640px) { /* Change a menu to fit the screen better, etc... */ } Tiendo a usar ambos max-device-width y max-width.