media-queries

Hojas de estilo simples vs múltiples en el diseño web responsivo

En resumen: ¿ Debe usar una o varias hojas de estilo al hacer diseño web responsivo? En detalle: En responsive design, ti ... cada enfoque? ¿Cómo se acumulan los pros y los contras del número de solicitudes HTTP y el tamaño del archivo en la práctica?

Estilos de Consulta de Medios Que No Anulan Estilos Originales

Estoy intentando usar algunas consultas de medios para un sitio web que estoy construyendo. El problema que estoy teniendo, s ... ese elemento. Sin embargo, el estilo en sí está tachado y no en realidad aplicado y todavía tiene el ancho original del 85%.

¿Es posible obtener el ancho de la ventana en unidades em usando javascript?

Estoy buscando una manera confiable de obtener el ancho de la ventana en unidades em usando javascript. Me sorprendió ver que jQuery solo devolverá un resultado en mediciones de píxeles. Cualquier ayuda es apreciada.

¿Hay alguna ventaja en agrupar consultas de medios CSS?

(esto puede haber sido contestado ya-no pude encontrar la respuesta sin embargo) La anulación tradicional de la consulta @ ... e css profiler pero no pude ver nada específico para @media queries. (Más información sobre @media in sass en esta página )

Diseño responsivo-Media Query no funciona en iPhone?

Estoy tratando de crear una versión móvil de mi sitio web, para hacer mi sitio web sensible a un tamaño de pantalla más peque ... tratando de trabajar correctamente - cualquier ayuda o sugerencia son apreciadas: Http://www.preview.brencecoghill.com /

CSS media queries min-width and min-device-width conflicting?

Soy muy nuevo en el mundo de las consultas de medios, y está claro que hay algo fundamental que me falta sobre la diferencia ... rel="stylesheet" media="only screen and (min-width: 1300px), only screen and (min-device-width: 1300px)" href="1300.css">

Evitar que el menú se colapse en la consulta de medios CSS de pantalla 768px

Estoy tratando de hacer un sitio usando twitter bootstrap. Estoy teniendo relativamente menos menús, por lo que tipo de encaj ... </div> </div> Sé que tiene algo que ver con la consulta de medios en bootstrap, pero no puedo entenderlo.

Media Queries para Diferentes niveles de zoom del Navegador

Soy un novato en el diseño responsivo usando consultas de medios CSS3. Entiendo claramente cómo nos dirigimos a diferentes di ... iveles de zoom o para decirlo de otra manera cuál es la relación entre los niveles de zoom del navegador y el ancho de píxel.

Secciones HTML 100% altura de la ventana [duplicar]

Esta pregunta ya tiene una respuesta aquí: ¿Cómo hacer un div 100% de altura de la ventana del navegador ... oído hablar de JavaScript pero yo no encontré ninguna buena solución. ¿Alguien puede ayudarme? ¿Es posible con media queries?

Media queries no funciona dentro de un iframe

Tengo en una página web que es sensible. Hace uso de media queries. Pero la misma página cargada en un iframe no funciona. ... e 320*480 dimensiones no tiene color de fondo rojo. En breve, las consultas de medios no funcionan en un iframe. Pls ayuda.

¿Es posible anidar media queries dentro de media queries?

Es esto posible? Me parece una buena solución, pero no estoy seguro de si funcionará. @media only screen and (min-device-wi ... /* Code for just portrait */ } @media (orientation:landscape) { /* Code for just landscape */ } }

Media = Todos vs Media = Pantalla

Parece que recientemente he visto a muchas más personas comenzar a usar media="all" vs media="screen" en sus hojas de estilo. ... cuándo debo usar media="all" sobre media="screen" y viceversa? Nota: Estoy usando HTML5 Doctype si eso hace una diferencia.

Especificidad CSS, Media Queries y ancho mínimo

Estoy rediseñando mi blog con el diseño web responsivo en mente, y el método "mobile first" - En resumen, estoy tratando de u ... ínimos y sobrescribir efectivamente declaraciones en resoluciones más altas sin usar selectores más fuertes o ancho máximo..?

Diferencia entre la relación de aspecto y la relación de aspecto del dispositivo en las consultas de medios CSS

¿Cuál es la diferencia en términos simples entre aspect-ratio y device-aspect-ratio?

¿Por qué es la ventana?ancho más pequeño que el ancho de la vista establecido en las consultas de medios

Estoy bastante desconcertado y todavía no estoy seguro de cómo explicar esto en palabras adecuadas. Hasta ahora he utilizado ... que los 15 píxeles están de pie para lo que solucionó el problema anterior de una manera poco hacky? Saludos cordiales Ralf

¿Puedo usar @media de una forma if / else?

Tengo este formulario colocado en el pie de página de mi página (tiene solo un cuadro de texto y un botón). Quiero intentar a ... east 270px apply first set of CSS rules else apply second set of CSS rules ¿Cómo puedo hacer esto usando @media?