¿Cuál es la forma más segura, utilizando consultas de medios, para hacer que algo suceda cuando no está en un dispositivo con pantalla táctil? Si no hay forma, ¿sugiere usar una solución de JavaScript como !window.Toucho
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...
Esto puede parecer una pregunta tonta. Si utilizo este fragmento de CSS para pantallas regulares (donde box-bg.pnges 200px por 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } y si uso una consulta de medios como esta para apuntar a pantallas...
Por alguna razón, el modo de emulación de dispositivo no lee mis consultas de medios. Funciona en otros sitios, incluidos mis propios sitios que hice con bootstrap, pero no funciona en las consultas de medios que estoy usando desde cero (al hacer clic en el botón de consultas de medios, el botón...
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...
¿Cómo espaciamos las consultas de medios con precisión para evitar superposiciones? Por ejemplo, si consideramos el código: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /*...
Tengo una clase de elemento y una clase compacta de "modificador": .item { ... } .item.compact { /* styles to make .item smaller */ } Esto esta bien. Sin embargo, me gustaría agregar una @mediaconsulta que obligue a la .itemclase a ser compacta cuando la pantalla es lo suficientemente...
Desde Bootstrap 3, ya no hay archivos separados para hojas de estilo estándar y receptivas. Entonces, ¿cómo puedo eliminar fácilmente las funciones de respuesta?
Sería bueno envolver estilos css para diferentes resoluciones dentro de algunas clases css usando less. Me gustaría hacer algo como: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Al final, algo como esto debería ser el...
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á,...
He mirado mucho a mi alrededor y entiendo que hay muchas formas de detectar Internet Explorer. Mi problema es el siguiente: tengo un área en mi documento HTML que, cuando se hace clic, llama a una función de JavaScript que es incompatible con Internet Explorer de cualquier tipo. Quiero detectar...
Últimamente, he estado diseñando sitios que son más receptivos y he estado usando consultas de medios CSS con frecuencia. Un patrón que noté es que el orden en el que se definen las consultas de medios realmente importa. No lo probé en todos los navegadores, solo en Chrome. ¿Existe una...