Instagram veröffentlicht (irgendwann in diesem Jahr) ein Update auf ihren In-App-Browser (Webview), dass zumindest in iOS die meisten Seiten bricht.
Das beigefügte Bild ist die Website, die nach dem Klicken auf "Weitere Informationen" in einer Anzeige geöffnet wird, hat aber das gleiche Verhalten auch bei Profil-Bio-Links.
Das Problem? Es scheint, dass die obere Leiste eine Überlagerung auf der Website ist, die meisten Navigationen für mobile (Hamburger-Symbol in der oberen linken Ecke) unbrauchbar / unclickable und / oder versteckt.
innerHeight
ist dasselbe wie screen.height
. Wie beantwortet unter Wie HTML anpassen / CSS-Layout für Instagram In-App-Browser? können wir den User-Agent der Webansicht schnüffeln.
Sie sind sich nicht sicher, ob sie es irgendwann reparieren werden, aber es scheint, dass jede Art von Lösung, bei der das Padding oben ist, brechen würde, wenn sie es tun würden.
Ich habe eine Alternative gefunden, die in der Theorie nicht brechen sollte, wenn sie eine richtige Lösung veröffentlichen (angesichts der Tatsache, dass viele Anzeigen derzeit auf defekte Seiten verweisen:)
%Vor%Tags und Links javascript html css ios