Preguntas etiquetadas con responsive-design

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 aparentemente no …

1189 css  responsive-design  font-size 

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 …

1059 html  css  responsive-design  aspect-ratio 

¿Qué es la diferencia entre col-lg-*, col-md-*y col-sm-*en Twitter Bootstrap?

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

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 tener un …

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

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> </div> <!-- End Tagline --> </div> <!-- …

341 css  responsive-design  font-size  zurb-foundation  em 

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 móvil? ¿Hay …

336 css  responsive-design 

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 …

298 html  css  twitter-bootstrap  responsive-design 

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 columna?

276 css  twitter-bootstrap  html  responsive-design 

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 …

224 javascript  responsive-design  d3.js 

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 …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

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 usar …

195 css  responsive-design  background-image  image-resizing 

(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 pestañas. Un enfoque común al problema …

191 javascript  ios  css  responsive-design  mobile-safari 

¿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 url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

На этот вопрос есть ответы 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 muestra a continuación ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

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 violín JS …

144 css  iframe  responsive-design