Trovare quale regola cambia al passaggio di un breakpoint in Chrome

Quando una colonna cambia improvvisamente larghezza, una media query può essere la causa.

Prima di iniziare

Apri gli strumenti per sviluppatori di Chrome sul sito da verificare. Per prove che coinvolgono sessioni e preferenze, usa un profilo dedicato.

Procedura

1. Ispeziona l’elemento in Chrome e apri gli stili applicati.
2. Riduci la larghezza poco alla volta e cerca la regola che diventa attiva al cambio.
3. Annota larghezza, selettore e file di origine della regola.

Controllare il risultato

Controlla la pagina subito sopra e subito sotto la soglia dopo aver provato la modifica in staging.

Guide Xlogic correlate

• LiteSpeed Cache per WordPress: configurazione consigliata su Xlogic

Fonti tecniche

• Documentazione ufficiale · developer.chrome.com