Qual browser carica la corretta visualizzazione mobile?

[hipp0]

Ho provato Edge, Firefox, Brave e Chrome. Nessuno di essi visualizza la vista mobile corretta, sto cercando di modificare il menu a discesa mobile ma sta mostrando questo menu con la vista desktop.

Sul mio iPhone Safari, Chrome viene visualizzato correttamente.

[ToddZ]

Il modo abituale è stato quello di aggiungere ?mobile_view=1 alla fine dell’URL. Discourse si sta muovendo verso un design responsivo basato sulla dimensione della finestra di visualizzazione, quindi a seconda del tema, questa sovrascrittura potrebbe non continuare a funzionare.

[NateDhaliwal]

@hipp0

Sto cercando di modificare il menu a discesa mobile ma mostra questo menu di visualizzazione desktop

Ti riferisci all’impostazione del sito menu di navigazione?

[darkpixlz (Pyx)]

@ToddZ

Il modo abituale era aggiungere ?mobile_view=1 alla fine dell’URL

In realtà credo che sia stato rimosso qualche giorno fa, sfortunatamente:

No more switchable mobile/desktop layouts?

No, it’s not just removed from the sidebar. We have removed the underlying structure to toggle.

[Lilly]

sì, il ?mobile_view=1 è obsoleto ed è considerato deprecato - lo stile mobile più recente è stato abilitato l’anno scorso:

@system

Modalità Mobile/Desktop Legacy

Storicamente, Discourse forniva due layout e fogli di stile completamente diversi per le visualizzazioni “mobile” e “desktop”, basati sullo user-agent del browser. Gli sviluppatori potevano mirare a queste modalità inserendo CSS in directory mobili/desktop specifiche, utilizzando le classi HTML .mobile-view/.desktop-view e il booleano site.mobileView in JavaScript.

Queste tecniche sono ora considerate obsolete e dovrebbero essere sostituite con le strategie basate su viewport e capacità discusse sopra. Rimuoveremo le modalità dedicate in un futuro prossimo, rendendo la “modalità mobile” un alias per “larghezza del viewport inferiore a sm” per retrocompatibilità.

non sono sicuro di cosa tu abbia fatto sul tuo forum per le personalizzazioni, ma non riesco a riprodurre questo problema su nessuna istanza o dispositivo. succede in modalità sicura?

[hipp0]

Sono riuscito a farlo visualizzare la vista Mobile su Chrome, ma non riesco ancora a farlo visualizzare in modalità mobile su Firefox, Edge o Brave.

Ho bisogno di punti di interruzione (Viewport break points) in tutto il mio codice mobile? Devo inserirli nella sezione Mobile? La maggior parte del mio CSS mobile riguarda solo modifiche di colore, icone dell’intestazione e larghezza della barra laterale, dimensioni di emoji/font. Quindi non sembra che mi servano impostazioni di viewport specifiche.

Sono riuscito a correggere il codice di cui avevo bisogno:

/* ==========================================================================\n   MENU A TENDINA MOBILE - STATO ATTIVO\n   ========================================================================== */

/* 1. Forza il testo del link attivo a nero */
.d-modal__body .dropdown-menu li.active a,
.d-modal__body .dropdown-menu li.active {
    color: #000000 !important;
}

/* 2. Feedback specifico per il tocco (Standard Discourse) */
html.discourse-touch {
    /* Rendi il testo nero mentre il dito è premuto */
    .d-modal__body .dropdown-menu li a:active {
        color: #000000 !important;
    }

}

/* 3. Assicurati che gli altri elementi di navigazione seguano la regola */
.dropdown-menu li a {
    transition: color 0.1s ease;
}