Preguntas etiquetadas con media-queries

Las consultas de medios permiten la aplicación condicional de estilos CSS según los tipos de medios, como la pantalla y la impresión, y las condiciones de las características de los medios, como la ventana gráfica y la altura y el ancho del dispositivo. Son parte de la especificación W3C CSS3.

4
Consultas de medios: entre dos anchos
Estoy tratando de usar consultas de medios CSS3 para crear una clase que solo aparece cuando el ancho es mayor que 400 px y menor que 900 px. Sé que esto es probablemente extremadamente simple y me falta algo obvio, pero no puedo entenderlo. Lo que se me ocurrió es …
141 css  media-queries 
11
Obtenga el ancho del dispositivo en javascript
¿Hay alguna manera de obtener el ancho del dispositivo de los usuarios, en lugar del ancho de la ventana gráfica, usando JavaScript? Las consultas de medios CSS ofrecen esto, como puedo decir @media screen and (max-width:640px) { /* ... */ } y @media screen and (max-device-width:960px) { /* ... */ …
7
Uso de variables de Sass con consultas de medios CSS3
Estoy tratando de combinar el uso de una variable Sass con consultas @media de la siguiente manera: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width luego se define en varios puntos en las medidas basadas en porcentajes de ancho de la hoja …
12
Bootstrap: eliminar el relleno o el margen cuando el tamaño de la pantalla es menor
EDITADO: ¿ Quizás debería preguntar qué selector configura el relleno lateral cuando la pantalla se reduce a menos de 480px de ancho? He estado navegando por bootstrap-responsiveness.css durante un tiempo para localizar esto, pero nada parece afectarlo. Original Básicamente quiero eliminar cualquier margen o relleno predeterminado para la capacidad de …
3
¿Debo usar max-device-width o max-width?
Con las consultas de medios CSS, puede utilizar max-device-widthpara orientar el ancho de un dispositivo (como un dispositivo iPhone o Android) y / o un max-widthancho de página. Si usa max-device-width, cuando cambia el tamaño de la ventana del navegador en su escritorio, el CSS no cambiará, porque su escritorio …
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.