ist das ipad 3 device-width immer 768 obwohl die Auflösung der Breite von 1536 in den viewport-meta-tag?
Ich versuche zu verstehen, das viewport-meta tag für ios-Geräte. Ich erstellte eine test-Seite, wo ich ein Bild eingefügt, dass ist 862px breit. also ich habe die viewport-meta-tag als:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale: .5, maximum-scale: 5.0">Doch auf das ipad 3 mit einer Auflösung in der Breite von 1536 Pixel und mit der viewport festgelegt, um die gleiche Menge an sichtbaren Bereich des ipad 3, die 862px Bild in die Luft gesprengt wird, und ist ein wenig größer in der Breite als der sichtbare Bereich. so habe ich, um horizontal zu scrollen, um zu sehen, der rest des Bildes.
Dies lässt mich denken, dass device-width zurück 768 Pixel, und die Konten für das bisschen extra der horizontalen Bildlaufleiste für die 862 pixel Bild. Warum tut Sie es? Gibt es irgendeine Art von pixel-Dichte habe ich zu berücksichtigen?
UPDATE
Ich habe versucht Einstellung der Breite einer numerischen Breite, die genau der Breite des Bildes (in diesem Fall "862"). Also die Webseite ist 862X206, das gleiche wie das Bild, ist es doch tun exakt das gleiche Sache wie das festlegen der width-to-device-width.
UPDATE 2
Ich erstellte eine sehr einfache Seite, und aus irgendeinem Grund eine leere Seite mit einem viewport von 862 Pixel bewirkt, dass horizontale und vertikale scrollen auf meinem ipad 3, code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=862, initial-scale=1.0">
</head>
<body style="width:100%; padding:0; margin:0">
</body>
</html>Diesen Blättern verursacht der viewport nicht zu passen im sichtbaren Bereich-oder Bildschirmgröße. Ich verstehe nicht. Keine Einsicht würde sehr geschätzt werden. Danke. ** Hinweis ** ich vergaß hinzuzufügen, einen reset des padding und margin auf 0, es war das hinzufügen von 8 px, margin.
UPDATE 3
Ok, ursprünglich dachte ich, dass der device-width zurückkehren würde, die Auflösung der Breite von 1536 Pixel des ipad 3. Anscheinend gibt es den-Bildschirm-Größe von 768 Pixel.
Jeder viewport-Breite größer als 768, gibt mir das scrollen auf dem ipad 3. warum? was, wenn Sie hatte eine Seite, die war 1024 Pixel, und Sie wollen fit in den sichtbaren Bereich des ipad 3. legen Sie die Breite auf 1024, initial-scale auf 1, sollte man das nicht machen 1024px viewport passen in den sichtbaren Bereich?
LÖSUNG
Ok, also, wenn Sie wollen, um jedes Gerät herausfinden, wie das skalieren der Seite, ist alles was Sie tun ist, verlassen Sie den initial-scale.
Also wenn ich nur die Breite, und zwar entweder mit device-width oder einen numerischen Wert ein, und verlassen Sie den initial-scale, es berechnet automatisch die zoom-für Sie. und es funktioniert einfach.
meine Verwirrung lag in dem, was die Breite gemeint, width bezeichnet die Breite, bevor die Skalierung angewendet wird,
also, wenn ich sage:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale: .5, maximum-scale: 5.0">die Breite des Viewports, bevor die Waage, 768, und wenn die Webseite, die Körper sagen 862px, und nach dem scale-Faktor von 1,0 angewendet, der Inhalt wird mit 1.0, 862*1.0, also die Breite des Viewports ist jetzt die Breite des Inhalts skaliert an, dass die Skala Faktor, 862px. ich hoffe ich verstehe das richtig. das ist, wo meine Verwirrung war, war das, was die Breite gemeint.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Das iPad 3 ist 768px breit, wo jeder px steht für 2 physikalische Pixel. Sie kann es in Javascript aber nicht in den viewport soweit ich weiß (und Sie wollen wahrscheinlich nicht zu, da diese 768 px sind die gleichen physikalischen Größe wie die früheren iPads).
px, die logische Einheit in CSS, undpixels, der physikalischen Einheit)