Domande taggate «media-queries»

Le media query consentono l'applicazione condizionale degli stili CSS in base ai tipi di media, come lo schermo e la stampa, e le condizioni delle caratteristiche dei media, come la visualizzazione e l'altezza e la larghezza del dispositivo. Fanno parte della specifica CSS3 del W3C.

4
Media query: tra due larghezze
Sto cercando di utilizzare le query multimediali CSS3 per creare una classe che appare solo quando la larghezza è maggiore di 400px e inferiore a 900px. So che questo è probabilmente estremamente semplice e mi manca qualcosa di ovvio, ma non riesco a capirlo. Quello che ho escogitato è il …
141 css  media-queries 
11
Query multimediale CSS per iPhone 5
L'iPhone 5 ha uno schermo più lungo e non cattura la visualizzazione mobile del mio sito Web. Quali sono le nuove query di progettazione reattiva per iPhone 5 e posso combinare con le query iPhone esistenti? La mia attuale query multimediale è questa: @media only screen and (max-device-width: 480px) {}
11
Ottieni la larghezza del dispositivo in javascript
C'è un modo per ottenere la larghezza del dispositivo dell'utente, invece della larghezza del viewport, usando javascript? Le query multimediali CSS offrono questo, come posso dire @media screen and (max-width:640px) { /* ... */ } e @media screen and (max-device-width:960px) { /* ... */ } Questo è utile se sto …
7
Utilizzo delle variabili Sass con le query multimediali CSS3
Sto cercando di combinare l'uso di una variabile Sass con le query @media come segue: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width viene quindi definito in vari punti nelle misurazioni basate sulla percentuale di larghezza del foglio di stile per produrre …
3
Display Retina, immagini di sfondo ad alta risoluzione
Questa potrebbe suonare come una domanda stupida. Se utilizzo questo frammento CSS per i display normali (dove box-bg.pngè 200px per 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } e se utilizzo una media query come questa per indirizzare i display retina (con l'immagine @ 2x che è la versione …
12
Bootstrap - Rimozione della spaziatura interna o del margine quando le dimensioni dello schermo sono inferiori
MODIFICATO: Forse dovrei chiedere quale selettore imposta il riempimento laterale quando lo schermo è ridotto a una larghezza inferiore a 480px? Ho esplorato bootstrap-responsiveness.css per un po 'per individuarlo, ma nulla sembra influenzarlo. Originale Fondamentalmente voglio rimuovere qualsiasi riempimento predefinito o set di margini per la reattività sugli schermi dei …
6
Estensione dei selettori dalle media query con Sass
Ho una classe oggetto e una classe "modificatore" compatta: .item { ... } .item.compact { /* styles to make .item smaller */ } Questo va bene. Tuttavia, vorrei aggiungere una @mediaquery che costringa la .itemclasse a essere compatta quando lo schermo è abbastanza piccolo. A prima vista, questo è quello …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.