El diseño web receptivo (RWD) es un enfoque del diseño y desarrollo web que tiene como objetivo crear sitios para proporcionar experiencias óptimas en una amplia gama de dispositivos según el tamaño de la pantalla, la plataforma y la orientación.
Me está costando entender cómo escalar las fuentes. Actualmente tengo este sitio con un cuerpo font-sizedel 100%. ¿100% de qué sin embargo? Esto parece calcularse a 16 píxeles. Tenía la impresión de que el 100% de alguna manera se referiría al tamaño de la ventana del navegador, pero...
Quiero crear un divque pueda cambiar su ancho / alto a medida que cambia el ancho de la ventana. ¿Hay alguna regla CSS3 que permita que la altura cambie de acuerdo con el ancho, manteniendo su relación de aspecto ? Sé que puedo hacer esto a través de JavaScript, pero preferiría usar solo...
¿Qué es la diferencia entre col-lg-*, col-md-*y col-sm-*en Twitter
Me estoy confundiendo acerca de las diversas opciones en la cuadrícula bootstrap de twitter y cómo van juntas. Para empezar, puede tener un fijo ordinario container, o un container-fluid. Entonces, o uno puede incluir ya sea una ordinaria row, o una fila de fluido, row-fluid. Es decir, ¿puede...
He creado un sitio usando la cuadrícula Zurb Foundation 3 . Cada página tiene un gran h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1>...
Cada tutorial de desarrollo de sitios web receptivos recomienda usar la display:nonepropiedad CSS para ocultar el contenido de la carga en los navegadores móviles para que el sitio web se cargue más rápido. ¿Es verdad? ¿ display:noneNo carga las imágenes o todavía carga el contenido en el navegador...
Mirando a través de bootstrap, parece que admiten el colapso de los elementos de la barra de menú para pantallas más pequeñas. ¿Hay algo similar para otros elementos en la página? Por ejemplo, tengo junto con las píldoras de navegación flotando a la derecha. En una pantalla pequeña esto causa...
Quiero un botón para ocupar todo el ancho de la columna, pero tengo dificultades ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> ¿Cómo hago que el botón sea tan ancho como la...
Supongamos que tengo un script de histograma que crea un gráfico de 960 500 svg. ¿Cómo hago que esto responda para cambiar el tamaño de los anchos gráficos y las alturas dinámicas? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate...
Actualmente, cuando el ancho del navegador cae por debajo de 768 px, la barra de navegación cambia al modo contraído. Quiero cambiar este ancho a 1000 px, de modo que cuando el navegador esté por debajo de 1000 px, la barra de navegación cambie al modo contraído. Quiero hacer esto sin usar MENOS,...
Tengo un sitio web (g-floors.eu) y quiero que el fondo (en css he definido una imagen bg para el contenido) también responda. Desafortunadamente, realmente no tengo idea de cómo hacer esto, excepto por una cosa que se me ocurre, pero es una solución alternativa. Crear múltiples imágenes y luego...
(Esta es una pregunta de varias partes, haré todo lo posible para resumir el escenario). Actualmente estamos creando una aplicación web receptiva (lector de noticias) que permite a los usuarios deslizarse entre contenido con pestañas, así como desplazarse verticalmente dentro de cada contenido con...
¿IE8 no admite la siguiente consulta de medios CSS: @import url("desktop.css") screen and (min-width: 768px); Si no, ¿cuál es la forma alternativa de escribir? Lo mismo funciona bien en Firefox. ¿Algún problema con el código a continuación? @import url("desktop.css") screen; @import...
На этот вопрос есть ответы en Stack Overflow на русском : Сетка из адаптивных (receptivo) квадратов Me pregunto cómo haría para crear un diseño con cuadrados receptivos . Cada cuadrado tendría contenido alineado vertical y horizontalmente . El ejemplo específico se...
Estaba leyendo esta publicación de stackoverflow titulada "¿Puedes hacer que un iFrame responda?", Y uno de los comentarios / respuestas me llevó a este jfiddle. Pero cuando traté de implementar el HTML y CSS para satisfacer mis necesidades, no tuve los mismos resultados / éxito. Creé mi propio...
Estoy probando la barra de navegación de respuesta Bootstrap y tengo un sitio web de demostración . Cuando cambio el tamaño del navegador en un escritorio, todo funciona bien, incluida la barra de navegación, que se convierte en menú plegable con un pequeño icono en la parte superior en el que...
Tengo el siguiente código que configura un contenedor que tiene una altura que cambia con el ancho cuando se redimensiona el navegador (para mantener una relación de aspecto cuadrado). HTML <div class="responsive-container"> <div class="dummy"></div> <div...
El iPhone 5 tiene una pantalla más larga y no capta la vista móvil de mi sitio web. ¿Cuáles son las nuevas consultas de diseño receptivo para el iPhone 5 y puedo combinarlas con las consultas existentes de iPhone? Mi consulta de medios actual es esta: @media only screen and (max-device-width:...
Necesito crear una página receptiva usando bootstrap colocando un div en el centro de una página como en el diseño mencionado a
Tengo un video de YouTube incrustado en nuestro sitio web y cuando reduzco el tamaño de la pantalla a tableta o teléfono, deja de reducirse a alrededor de 560 píxeles de ancho. ¿Es esto estándar para los videos de YouTube o hay algo que puedo agregar al código para hacerlo más...