Ultima domanda su Media Queries

0
Answer

Javascript: clona e rimuovi l'elemento all'interno della query matchmedia

Ciao, sto provando a clonare l'elemento all'interno della query matchmedia. Quindi in pratica apparirà solo quando la media query è (max-width: 991px) e verrà rimosso se la media query è fino a (min-width: 992px). Ma c'è un problema quando si ridimensiona o si carica la pagina con una risoluzione specifica. Esempio: carico o ridimensiono la pagina su 991px. Clonerà ma rimuoverà dopo averlo clonato. Si rimuove improvvisamente dopo averlo clonato. Ho appena messo .remove() in else condition.

jquery javascript media queries mmenu matchmedia

0
Answer

Perché nessuno separa le proprie query multimediali in un file SASS diverso?

Mi sono sempre chiesto perché nessuno crea un file SASS separato per le proprie query Media e poi li importa nel proprio file SASS principale. Quando l'ho provato ho avuto alcuni problemi ma poi dopo aver usato! Important le query multimediali hanno funzionato come dovrebbero. So che non dovremmo usare! Important a meno che non sia assolutamente necessario, ma immagino di chiedermi perché non viene usato spesso in questo modo? Ecco il mio codice:

sass media queries

2
Answers

CSS reattivo Div

Sto cercando di creare una pagina reattiva in cui, quando la pagina è più piccola di 800 px, il 2 ° div scenderà alla 2 ° colonna con il 100% della pagina e il 1 ° div sarà anche il 100% della pagina. Al momento, quando lo schermo è più piccolo di 700 px, il 2 ° div si sposterà verso il basso ma la posizione del 1 ° e 2 ° è incasinata, trova gentilmente l'immagine 1 per la dimensione intera, l'immagine 2 quando la visualizzazione mobile.

media queries html responsive design css

0
Answer

L'uso di Media Query in CSS non funziona con una larghezza di 768 px in questo CodeSandbox

Uso la media query in questo CodeSandbox e funziona come previsto per tutti tranne 768px. Quando la larghezza dello schermo è inferiore a 768px, non posso regolare alcun CSS come ho fatto per tutte le larghezze superiori. Il NavBar FormControl input di ricerca come immagine sotto mostra che non può essere ridimensionato in CSS per qualche motivo, per favore consiglio? NOTA: imposta la finestra del browser su uno zoom del 100% in CodeSandbox affinché funzioni!

css reactjs media queries navbar react bootstrap

1
Answer

media query, immagini e tempi di caricamento

Ho 3 diverse immagini che voglio visualizzare per 3 diverse porte di visualizzazione. La mia domanda è questa. Se qualcuno su un cellulare carica il mio sito web, il suo dispositivo dovrà scaricare tutte e 3 le immagini al caricamento? Il dispositivo darà la priorità all'immagine relativa alla visualizzazione e scaricherà quella per prima?

css media queries

Hot Tags

© 2021   Risposta.org