Eine WordPress-Website (mit dem Genesis-Framework), die ich so gestaltet habe, dass sie reaktionsschnell ist, wird auf einem iPhone und einem HTC ordnungsgemäß angezeigt, auf Samsung Galaxy-Handys jedoch nicht. (getestet auf Samsung Galaxy S2 und einem Samsung Ace) Ich verwende derzeit das FitVids-Plug-in, um die Videoeinbettungen reaktionsfähig zu machen.
Seltsamerweise werden Seiten ohne Videoeinbettungen, die auf einem Samsung-Telefon angezeigt werden, korrekt angezeigt, aber auf einer Seite mit Videoeinbettungen entspricht das angezeigte Seitenlayout dem eines Tablet-Bildschirms und nicht dem eines Telefonbildschirms.
Ich habe verschiedene andere Plugins ausprobiert, aber keines scheint dieses Problem zu lösen.
Es wäre toll, wenn jemand diesbezüglich einen Rat geben könnte.
Du benutzt jquery.fitvids.js Ausführung 1.0 von 2011 – vielleicht sollten Sie nach Updates suchen.
– Birgire
23. Dezember 2013 um 4:42 Uhr
Bitte finden Sie meinen Beitrag und versuchen Sie das, indem Sie Medien-CSS einfügen
– Krunal Schah
24. Dezember 2013 um 12:18 Uhr
Ich würde gerne eine gute Antwort darauf sehen; Keine der Antworten geht darauf ein, warum eine Seite mit Videoeinbettungen anders funktioniert als eine ohne.
– Gregory Avery-Weir
30. Dezember 2013 um 5:51 Uhr
Wie ich festgestellt habe, ist der Samsung-Bildschirm 480 * 800 Pixel groß
Bitte versuchen Sie es mit folgendem CSS:
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : landscape) {
}
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : portrait) {
}
Wenn Sie erklären, was dieser Code bewirkt, würden Sie wahrscheinlich mehr Upvotes erhalten.
– kojow7
31. Mai 2018 um 22:53 Uhr
Es wird nicht empfohlen, @media-Regeln zu verwenden, da die Pixelgröße auf einem Mobilgerät von der auf einem Desktop abweichen kann.
Statt z.B.:
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : landscape) {
}
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : portrait) {
}
Fügen Sie einen Container hinzu, der einen linken Rand von 5 % und einen rechten Rand von 5 % hat:
<body>
<div class="container">
# Your body goes here
</div>
</body>
Ich habe festgestellt, dass dies ein viel benutzerfreundlicherer und gepflegterer Ansatz für responsives Design ist als die standardmäßige @media-Regel.
13713000cookie-checkWebsite reagiert nicht auf Samsung Galaxy S2yes
Du benutzt
jquery.fitvids.jsAusführung1.0von 2011 – vielleicht sollten Sie nach Updates suchen.– Birgire
23. Dezember 2013 um 4:42 Uhr
Bitte finden Sie meinen Beitrag und versuchen Sie das, indem Sie Medien-CSS einfügen
– Krunal Schah
24. Dezember 2013 um 12:18 Uhr
Ich würde gerne eine gute Antwort darauf sehen; Keine der Antworten geht darauf ein, warum eine Seite mit Videoeinbettungen anders funktioniert als eine ohne.
– Gregory Avery-Weir
30. Dezember 2013 um 5:51 Uhr