Größe der Website-Breite anpassen, um in Breite des iPad-Bildschirms zu passen

Ich habe eine Website, die 2048px breit ist. Gibt es eine Möglichkeit, das iPad beim Laden der Website automatisch auf die gesamte Website-Breite anzupassen? Ich habe versucht, mit Meta-Ansichtsfenster auf ein paar verschiedene Arten zu experimentieren:Größe der Website-Breite anpassen, um in Breite des iPad-Bildschirms zu passen

<meta name="viewport" content="width=device-width maximum-scale=1.0"> 
<meta name="viewport" content="width=device-width initial-scale=1.0">

Dies hat nicht funktioniert, obwohl. Die Seite ist immer noch zu breit und verschüttet den Bildschirm auf dem iPad.

Quelle

2013-02-15 Tim Jahn

Stellen Sie sicher, Komma zu verwenden trennen z "width = Gerätebreite" und "maximum-scale = 1.0". – bdesham

Danke. Immer noch keine Würfel. –

Diese Ansichtsfensterattribute bedeuten, dass Safari das Responsive Design zulässt, anstatt die Seite zu zoomen, damit die gesamte Breite auf dem iPad-Bildschirm angezeigt werden kann. Was sie nicht tun, ist das Überschreiben von CSS-Stilen, die auf die Seite angewendet werden - wenn der Wrapper oder der Körper eine feste Breite haben, wird dies nicht geändert. Versuchen Sie es mit Adobe Edge Inspect http://html.adobe.com/edge/inspect/, um zu sehen, welche Stile auf dem iPad angewendet werden. Fügen Sie die Wrapper-CSS-Stile in Ihre Frage ein, wenn Sie können. – pwdst

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Das ist, was ich für meine Website.

Quelle

2013-02-15 20:16:59 VladHQ

:(Funktioniert nicht für mich. Das gleiche Problem tritt immer noch auf. –

Können Sie ein Live-Beispiel bereitstellen? ** Bearbeiten: ** Funktioniert diese Website auf Ihrem iPad: https://v1k.org/? – VladHQ

Diese Website funktioniert Was ist Ihre Website-Breite für diese Website? –

Versuchen Sie min-width: 2048px; zu den HTML- und Body-Tags in CSS. Das ist für mich schon ein bisschen merkwürdig auf iPads, aber ich bin mir nicht sicher, ob es auf dieses Spiel passt.

Quelle

2013-02-15 20:24:33 Sean

Kein Würfel leider. –

Wenn diese Website nicht ausschließlich für die Verwendung auf Großbildschirmen konzipiert ist, führt dieser Ansatz zu erheblichen Problemen bei der Benutzerfreundlichkeit (und vielem Scrollen) auf Geräten mit kleineren Bildschirmen - insbesondere auf Mobilgeräten. Berücksichtigen Sie Responsive Web Design (http://alistapart.com/article/responsive-web-design), um den Inhalt Ihrer Website an unterschiedliche Darstellungsfeldgrößen anpassen zu können, oder verwenden Sie eine Breite, die für die meisten Besucher Ihrer Website repräsentativ ist (z. B. Google Analytics) um dies zu bestimmen) wenn Sie eine feste Breite verwenden müssen. Das Erzwingen einer sehr hohen oder niedrigen Breite für alle Benutzer führt zu einer schlechten Benutzererfahrung für viele Benutzer. – pwdst

Seine Website Breite ist 2048 ... Ich denke, Usability ist bereits ein Problem. Ich glaube nicht, dass die Einstellung der Breite eskalieren wird. Responsive ist immer eine bessere Antwort, aber das ist nicht, was er gefragt hat. – Sean

Ich arbeitete kürzlich auf einer Website mit dem gleichen Problem, es würde nicht zwischen Seitenklicks für eine feste 960px Breite Website ausgezoomt bleiben. Versuchen Sie:

So weit so gut, weitergegeben auf meinem Ipad Air.

Quelle

2013-12-17 14:06:12 britter

Sie können eine feste Größe auf den Inhalt Breite wie so passieren:

<meta name="viewport" content="width=2048" />

einige Optimierungen benötigen für Polsterung auf beiden Seiten zu ermöglichen, sollte aber die Website in dieser Größe und erlauben Benutzern Zum Vergrößern laden.

Quelle

2014-01-06 10:19:38 jjgrainger

Der richtige Weg, um dieses Problem zu beheben, sind die Verwendung von Prozentsätzen anstelle von festen Breiten. Aber wenn man „nicht“ das ändern, können Sie Ihre Ansichtsfenster erzwingen, indem Sie mit 0.x in anfänglichem Maßstab zu verkleinern, wie:

<meta name="viewport" content="width=device-width, initial-scale=0.625, user-scalable=yes" />

Quelle

2016-05-11 16:52:16 steffanjj

Dies funktioniert:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-capable" content="yes">

Quelle

2018-03-02 08:07:51 Cubiczx

Größe der Website-Breite anpassen, um in Breite des iPad-Bildschirms zu passen

Antwort

Verwandte Themen