position absolute iPad-container Breite Problem

Ich habe ein Problem die Anzeige im iPad-safari, wo mein div-container ist die Größenänderung fit ein absolut positioniertes element. das iPad scheint zu sein indem die brausende element ist die Breite des ".Inhalt" 980 Breite und heraus Zoomen, um zu zeigen, über einen 1080px Breite. Gibt es vielleicht eine Eigenschaft zu erzwingen, das iPad nur die Größe, um die 980px Breite der Inhalte?

Ich habe einen div-container mit der Klasse des Inhalts mit dem folgenden css-Eigenschaften definiert:

.content{
    position:relative;
    width:980px;
    height:100%;
    margin:0 auto;
}
.e1{left:880px;top:892px;width:300px}

Im content habe ich ein absolut positioniertes element, das geht außerhalb der Grenzen von 980px Breite etwa so:

<div class="content">   
   <div class="e1">
      <img src="images/elements/e1.png"/>
   </div>
</div>

position absolute iPad-container Breite Problem

InformationsquelleAutor negrelja | 2012-07-26
  1. 5

    Ich hatte ein ähnliches problem und konnte es beheben mit dem nachstehenden code, hoffe das hilft...

    html,body
{
width: 100%;
overflow-x: hidden;
}
    • Guter Gedanke, aber das Problem nicht behoben, in meinem Fall.
    • Weder in der mine.
    • Fixiert es für meinen Fall! Ich konnte nicht verwenden das content="width=980", weil ich wollte die Website auch für iPhone und große desktop-Bildschirme. Aber stellen Sie sicher, dass Sie position:absolute; auf Ihr Bild.
    InformationsquelleAutor user1579141
  2. 4

    fügen Sie diese zu Ihrem Kopf:

    <meta name="viewport" content="width=980, user-scalable=0" />

    Edit:

    Ok, mit Blick auf Ihren code und der Bildschirm, kann ich sehen, dass das element nicht tatsächlich absolute positioniert wurden, als Sie sich gesetzt haben, Links und oben, sind aber noch nicht enthalten "position:absolute;". Anywho, es scheint, das Problem ist die Breite des Bildes so fügen Sie diese zu Ihrer css -

    .e1 img{
    width:100%;
    height:auto;
}
    • Diese nicht beheben, dann ist das iPad noch das hinzufügen der überlauf Breite der .content-980px-Breite
    • poste einen screenshot
    • Bitte werfen Sie einen Blick auf den screenshot, danke!
    • Deine Antwort scheint logisch und würde wahrscheinlich beheben in den meisten Fällen aber noch nicht beheben mein Problem. Die Differenz der absolut positionierte element scheint zu werden Hinzugefügt, um die content-Breite.
    • Ich habe beschlossen zu gehen eine andere route und haben einen dedizierten iPad-version der Website, weil einige andere Skript-Probleme, die ich hatte. Danke für Eure Hilfe!
    InformationsquelleAutor CoreyRS
Schreibe einen Kommentar