Größe Website-Breite passen in die Breite des iPad-Bildschirms

Ich habe eine Website, die ist 2048px Breite. Gibt es eine Möglichkeit, automatisch das iPad passt sich die gesamte Website Breite auf dem Bildschirm, wenn die Seite geladen ist? Ich habe versucht, das Experimentieren mit meta-viewport in ein paar verschiedene Möglichkeiten:

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

Dieser noch nicht gearbeitet, aber. Die Website ist noch zu breit und der Freisetzung außerhalb des Bildschirms auf dem iPad.

  • Stellen Sie sicher, verwenden Sie Kommas, um z.B. width=device-width und maximum-scale=1.0.
  • Danke. Noch kein Würfel aber.
  • Diese viewport Attribute bedeutet, dass Safari erlauben responsive design zu arbeiten, anstatt die Seite Zoomen damit die gesamte Breite sichtbar zu werden auf dem iPad-Bildschirm. Was Sie nicht tun müssen, ist, überschreiben Sie CSS-Stile angewendet, um die Seite - wenn der wrapper oder body eine Feste Breite wird es nicht ändern. Versuchen Sie es mit Adobe Edge Inspect html.adobe.com/edge/inspect, um zu sehen, welche Stile angewendet werden, die auf dem iPad. Enthalten die wrapper-CSS-Stile, die in Ihrer Frage, wenn Sie können.
  • Ich möchte die Seite Zoomen damit die gesamte Breite sichtbar zu werden auf dem iPad-Bildschirm obwohl. Wie kann ich erreichen, dass?
  • AFAIK Safari auf iOS wird dieses standardmäßig, es sei denn, Sie haben diese meta-tags. Der Nachteil ist, dass, wenn Sie herauszoomen, Benutzer oft zu Zoomen und scrollen zum navigieren auf der Seite. Die Breite meta-tag überschreibt das default-Verhalten in der Nutzung von Responsive Design (alistapart.com/article/responsive-web-design), in denen bestimmte CSS-Eigenschaften angewendet werden, die an oder zwischen bestimmten breiten. Ein wichtiger Bestandteil des Responsive Web Design ist die Verwendung von Prozentsätzen anstatt eine Feste Breite, die Anpassung der Layouts mit bestimmten Regeln, wie die viewport-Größe und Inhalt "bricht". - Taste, verwenden Sie Prozentsätze.
InformationsquelleAutor Tim Jahn | 2013-02-15
  1. 7

    Können Sie eine Feste Größe auf den Inhalt der Breite etwa so:

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

    Kann, müssen einige Optimierungen zu ermöglichen, für die Polsterung jeder Seite, sollte aber das laden der site, dass Größe und erlauben Benutzern, um zu vergrößern.

    InformationsquelleAutor jjgrainger
  2. 1

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

    Das, was ich für meine Webseite.

    • 🙁 Nicht für mich arbeiten. Gleiche Problem immer noch Auftritt.
    • Können Sie ein live-Beispiel? Edit: wird diese Website funktioniert auf Ihrem iPad: v1k.org ?
    • Dass die Website funktioniert. Was ist Ihre Website-Breite, die für diese Website?
    • Sie können überprüfen, mein HTML-Quelltext. Ich benutze nur den meta code in meine Antwort. Tun Sie etwas dagegen, mir einen link zu Ihrer Website?
    • Sorry, kann leider nicht, da es eine geschützte client-Seite.
    • Ich hatte minimum-scale=1.0, maximum-scale=1.0. Dann habe ich die initial-scale=1.0 und funktioniert wie ein Charme. Danke.

    InformationsquelleAutor Vlad
  3. 1

    Den richtigen Weg, um dieses problem zu beheben, werden durch die Verwendung von Prozentsätzen anstatt eine Feste Breite. Aber wenn du "keine" ändern, können Sie erzwingen, dass Ihre viewport Skalierung nach unten durch 0.x in erste-Skala, wie:

    <meta name="viewport" content="width=device-width, initial-scale=0.625, user-scalable=yes" />
    InformationsquelleAutor steffanjj
  4. 0

    Versuchen Sie min-width: 2048px; dem html-und body-tags in css. Das ist behoben, die manche Skurrilität auf iPads für mich vor, aber nicht sicher, ob es für diese eine.

    • Keine Würfel, leider.
    • Es sei denn, diese website ist ausschließlich für den Einsatz auf großen Bildschirm Geräte wird dieser Ansatz erhebliche usability-Probleme (und viel scrollen), die auf Geräten mit kleineren Bildschirmen - besonders Mobil. Betrachten Responsive Web Design (alistapart.com/article/responsive-web-design) zu ermöglichen, Ihre Website-Inhalte zur Anpassung an unterschiedliche viewport-Größen, oder verwenden Sie eine Breite stellvertretend für die meisten Besucher Ihrer Website (verwenden Sie so etwas wie Google Analytics, um festzustellen, this) wenn Sie mit fester Breite. Erzwingen Sie eine sehr hohe oder niedrige Breite für alle Benutzer wird eine schlechte Nutzer-Erfahrung für viele.
    • Seine Website Breite von 2048... ich denke, die usability ist schon ein Problem. Ich glaube nicht, dass die Einstellung der Breite wird, eskalieren die Dinge. Reagieren ist immer eine bessere Antwort, aber das ist nicht das, was er fragte.
    InformationsquelleAutor Sean
  5. 0

    Arbeitete ich auf einer Website mit dem gleichen problem vor kurzem, es würde nicht bleiben verkleinerte zwischen Seite Klicks für eine Feste 960px Breite Seite. Versuchen:

    <meta name="viewport" content="width=device-width, initial-scale=-100%" />

    So weit So gut, ging auf mein Ipad Air.

    InformationsquelleAutor britter
  6. -1

    Dieser gut 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">
    InformationsquelleAutor Cubiczx
Schreibe einen Kommentar