media-queries
@Media anchura mínima y anchura máxima
Tengo esta configuración @media:
HTML:
<head>
<meta name="viewport" content="width=device-width, user-scalable ... hone, pero no funciona en el navegador.
¿Es porque ya tengo device en el meta, y tal vez tengo max-width:480px en su lugar?
Twitter Bootstrap 3: ¿cómo utilizar media queries?
Estoy usando Bootstrap 3 para construir un diseño responsivo donde quiero ajustar algunos tamaños de fuente de acuerdo con el tamaño de pantalla.
¿Cómo puedo usar media queries para hacer este tipo de lógica?
$(ventana).width() no es lo mismo que media query
Estoy usando Twitter Bootstrap en un proyecto. Además de los estilos de bootstrap predeterminados, también he agregado algun ... comparan con el valor 767). Porque seguramente no todos los navegadores tendrán un ancho de barra de desplazamiento de 16px?
CSS media queries: max-width O max-height
Al escribir una consulta de medios CSS, ¿hay alguna manera de especificar múltiples condiciones con la lógica "O"?
Estoy intentando hacer algo como esto:
/* This doesn't work */
@media screen and (max-width: 995px OR max-height: 700px) {
...
}
Soporte 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 ... con el siguiente código?
@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);
¿Cuál es la diferencia entre max-device-width y max-width para web móvil?
Necesito desarrollar algunas páginas html para teléfonos iphone/android, pero ¿cuál es la diferencia entre max-device-width y ... tamaños de pantalla.
@media all and (max-device-width: 400px)
@media all and (max-width: 400px)
¿Cuál es la diferencia?
¿Qué significa @media screen y (max-width: 1024px) en CSS?
Encontré esta pieza de código en un archivo CSS que heredé, pero no puedo darle ningún sentido:
@media screen and (max-widt ... img.bg {
left: 50%;
margin-left: -512px; }
}
Específicamente, ¿qué está sucediendo en la primera línea?
¿Por qué mis consultas de medios CSS3 no funcionan en dispositivos móviles?
En los estilos.css, estoy usando media queries, los cuales usan una variación de:
/*--[ Normal CSS styles ]----------------- ... en absoluto en un teléfono. En su lugar, solo veo el CSS predeterminado.
¿Puede alguien señalarme en la dirección correcta?
Consultas de medios: ¿Cómo dirigirse a computadoras de escritorio, tabletas y dispositivos móviles?
He estado haciendo algunas investigaciones sobre consultas de medios y todavía no entiendo cómo apuntar a dispositivos de cie ... esktop
only screen and (min-width:769px)
¿Qué crees que deberían ser estos 'puntos de interrupción' para cada dispositivo?
iPhone 5 CSS consulta de medios
El iPhone 5 tiene una pantalla más larga y no captura la vista móvil de mi sitio web. ¿Cuáles son las nuevas consultas de dis ... s de iPhone existentes?
Mi consulta de medios actual es la siguiente:
@media only screen and (max-device-width: 480px) {}
@media media query y ASP.NET Choque de sintaxis de maquinilla de afeitar MVC
Tengo un sitio grande que se ejecuta en ASP.NET MVC usando el motor Razor view.
Tengo una hoja de estilos base que contiene ... e is clashing!
{
... }
}
</style>
}
¿Hay alguna manera de evitar esto?
¿Pueden las consultas de medios cambiar el tamaño en función de un elemento div en lugar de la pantalla?
Me gustaría usar media queries para cambiar el tamaño de los elementos en función del tamaño de un elemento div en el que se ... ño puede variar.
Actualizar
Parece que se está trabajando en esto ahora:
https://github.com/ResponsiveImagesCG/cq-demos
¿Cómo detectar la orientación del dispositivo usando CSS media queries?
En JavaScript el modo de orientación se puede detectar usando:
if (window.innerHeight > window.innerWidth) {
portrai ... alguna forma de detectar la orientación usando solo CSS?
Eg. algo como:
@media only screen and (width > height) { ... }
Uso de variables Sass con Consultas de medios CSS3
Estoy tratando de combinar el uso de una variable Sass con @ media queries de la siguiente manera:
$base_width:1160px;
@me ... era línea de $base_width: 1160px; devuelve un error para una variable indefinida. ¿Alguna idea de lo que me estoy perdiendo?
Pantallas Retina, imágenes de fondo de alta resolución
Esto puede sonar como una pregunta tonta.
Si uso este fragmento CSS para pantallas normales (Donde box-bg.png es 200px por 2 ... Necesito duplicar el tamaño del div .box a 400px por 400px para que coincida con la nueva imagen de fondo de alta resolución?
Bootstrap-Eliminación de relleno o margen cuando el tamaño de la pantalla es más pequeño
EDITADO:
Tal vez debería preguntar qué selector configura el relleno lateral cuando la pantalla se reduce a menos de 480px ... do de Bootstrap, ¿a qué consulta de medios o selector debo sobrescribir para eliminar este relleno en pantallas más pequeñas?
iPhone 6 y 6 Más Consultas de medios
¿Alguien sabe tamaños de pantalla específicos para dirigir consultas de medios para iPhone 6 y 6 Plus?
También, los tamaños de los iconos y las pantallas de presentación?
Debo usar max-device-width o max-width?
Con CSS media queries puede usar max-device-width para apuntar a un ancho de dispositivo (como un dispositivo iPhone o Androi ... ht: 640px) {
/* Change a menu to fit the screen better, etc... */
}
Tiendo a usar ambos max-device-width y max-width.
¿Por qué importa el orden de las consultas de medios en CSS?
Últimamente, he estado diseñando sitios que son más receptivos y he estado usando CSS media queries con frecuencia. Un patrón ...
Si mi comprensión de media queries es correcta, el orden no debería importar, pero parece que sí. ¿Cuál podría ser la razón?
¿Cómo puedo detectar Internet Explorer (IE) y Microsoft Edge usando JavaScript?
He mirado a mi alrededor mucho, y entiendo que hay un montón de maneras de detectar Internet Explorer.
Mi problema es este: ... que estoy pidiendo una respuesta JS vainilla.
Editar #2
¿Hay también una manera de detectar el navegador Microsoft Edge?