Hilfe bitte. Kann mir irgendjemand etwas über Medienanfragen in CSS erzählen, damit Samsung s6 reaktionsfähiger wird?CSS Medienabfragen für Samsung s6
@media only screen and
(min-device-width : 360px) and
(max-device-width : 640px) and
(-webkit-min-device-pixel-ratio : 3) { // code here }
Und woher kann ich für Responsive Design für Samsung s6 testen? Irgendwelche online Verbindung oder Werkzeug bitte?
Mit Chrome-Entwicklungstools können Sie die Abfrage auf verschiedenen Bildschirmgrößen testen. Öffnen Sie die Entwicklerkonsole (F12) und klicken Sie auf die Schaltfläche "Umschalten des Gerätemodus" (das kleine Bildschirmsymbol). Sie können Ihr Gerät auswählen oder die Bildschirmgröße manuell einstellen. Für eine Galaxie S6 sind die Abmessungen 360x640.
Danke Matt. Aber es gibt kein Gerät für Samsung Galaxy s6 in der Liste. – Ali
aber 360x640 funktioniert nicht und in der Entwicklerkonsole Galaxy S6 ist nicht in der Liste – Ali
Ali: Die S6 ist auch 360x640 in CSS-Auflösung, wie der S4. – DarkNeuron
Ich habe dies versuchen:
@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 */
}
Und es ist scheint zu funktionieren. Für S6 und S7. Ich denke, es ist, weil die Samsung S6 und S7 Dimensionen 1440x2560 sind:
1440/4 = 360
2560/4 = 640
Hope this Hilfe.
Willkommen bei Stack Overflow. Ich habe Ihre Frage bearbeitet, um den Code zu formatieren. Bitte machen Sie das nächste Mal selbst. Es hilft anderen, es schneller zu lesen. Ich habe auch Ihren ersten Satz bearbeitet, um englische Probleme zu korrigieren. –