Aiuto per favore. Qualcuno può dirmi delle media query in CSS per Samsung s6 per essere più reattivo?CSS media query per Samsung s6
@media only screen and
(min-device-width : 360px) and
(max-device-width : 640px) and
(-webkit-min-device-pixel-ratio : 3) { // code here }
E da dove posso provare per il design reattivo per Samsung s6? Qualche link o strumento online per favore?
Gli strumenti di sviluppo di Chrome consentono di testare la query su diverse dimensioni dello schermo. Apri la console per sviluppatori (F12) e fai clic sul pulsante "Attiva/disattiva modalità dispositivo" (l'icona della piccola schermata). È possibile selezionare il dispositivo o impostare manualmente le dimensioni dello schermo. Per una galassia S6, le dimensioni sono 360x640.
Grazie Matt. Ma non c'è nessun dispositivo per Samsung Galaxy s6 nella lista. – Ali
ma 360x640 non funziona e nella console di sviluppo Galaxy S6 non è nell'elenco – Ali
Ali: Anche l'S6 è 360x640 in risoluzione CSS, come l'S4. – DarkNeuron
ho provate questo:
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-min-device-pixel-ratio : 4)
and (-webkit-device-pixel-ratio : 4)
and (orientation: portrait) {
/* CSS GO HERE */
}
Ed è sembra funzionare. Per S6 e S7. Penso che sia perché le dimensioni Samsung S6 e S7 sono 1440x2560:
1440/4 = 360
2560/4 = 640
Spero che questo aiuto.
Benvenuti in Stack Overflow. Ho modificato la tua domanda per formattare il codice. Per favore fallo tu stesso la prossima volta. Aiuta gli altri a leggerlo più velocemente. Ho anche modificato la tua prima frase per correggere i problemi inglesi. –