Druckbare Version
Hi Leute,
wie kann man als Windows-Nutzer die Darstellung im Safari-Browser kontrollieren und Fehler beheben?
Ich habe folgendes Problem:
Anhang 23509
Die Darstellung wird auf dem iPad und im iPhone "verzerrt" dargestellt.
Da ich selber kein Mac-User bin und die Entwicklertools von Chrom mir das alles korrekt darstellen,
suche ich nach einer Lösung, wie ich den Fehler im Safari finden und lösen kann.
Hier die Site: https://raumausstatter-schneider-quirla.de/
Das hat nichts mit iPad oder iPhone zu tun, sondern einfach nur mit Safari. Es gibt Safari auch für Windows und dort kannst du das Problem mit Browserverkleinung simulieren.
In diesem Fall könntest du den Bildern eine max-height geben, damit es im Safari korrekt dargestellt wird.
Der Safari für Windows wurde 2012 eingestellt.
Quelle: https://de.wikipedia.org/wiki/Safari_(Browser)
Oh verzeihung. Danke für die Info :o
http://browsershots.org ist eine kostenfreie Möglichkeit. Besser ist https://www.browserstack.com/ kostet aber was. Freie Testversion ist verfügbar.
Andere Alternativen die ich selbst aber nicht getestet habe: https://alternative.me/browsershots
Man kann allerdings, auch mit sein Netzwerk zusammenarbeiten.
Nachtrag: Ach ne. In Browsershots siehts Du ja nur wie es aussieht, kannst aber der Fehler nicht untersuchen, wenn ich mich richtig erinnere.
Ich selbst nutze weder das eine noch das andere. Ich habe irgendwann mal beschlossen, dass ich für professionelles Arbeiten neben meinem Windows Rechner auch einen Mac brauche und so ist der Laptop ein Mac geworden.
Hallo,
zum Testen kann ich nichts sagen.
Aber um das Bild in den Teasern auf der Startseite nicht höhenverzerrt darzustellen, könntest du statt height auto height 100% auf das img setzen.
Viele Grüße
conter
Hallo,
auf die Schnelle könntest Du Dir blisk.io installieren. Evtl. bekommst Du es damit in den Griff.
LG
Hella
@fusch Blisk war ja in meiner oben verlinkten Liste auch mit drin, hast Du damit gute Erfahrungen gemacht.
Ich habe vorhin mal kurz direkt auf dem Mac geschaut.
Das Problem habe ich so nicht sofort gefunden. Könnte ja auch einer der schönen Browser-Bugs in Safari sein.
Testweise habe ich den Bereich mal von display: flex auf display: grid umgestellt. Da gibt es schon mal keine Verzerrung.
Vielleicht ist das ja einen Denkansatz wert.
Vielen Dank für eure vielen Hinweise und Tipps.
Mit blisk.io konnte ich es gut testen und mit der Lösung:
hat es dann funktioniert...Zitat:
..um das Bild in den Teasern auf der Startseite nicht höhenverzerrt darzustellen, könntest du statt height auto height 100% auf das img setzen.