Preguntas etiquetadas con responsive-design

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.

30
Escala de fuente basada en el ancho del contenedor
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 …




29
Tamaño de fuente sensible en CSS
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> <!-- …

17
¿"Display: none" impide que se cargue una imagen?
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 …






9
iOS 8 eliminó la propiedad de ventana gráfica "minimal-ui", ¿hay otras soluciones de "pantalla completa suave"?
(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 …

11
Soporte de IE8 para CSS Media Query
¿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);

4
Cuadrícula de cuadrados receptivos
На этот вопрос есть ответы 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 ...

22
Hacer que un iframe responda
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 …

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.