Mysterieuze horizontale lijnen op mijn site wanneer zij zijn verkregen op iPad – stack overflow

De volgende site:

Heeft een paar rendering kwesties op de iPad met Safari, dus ik probeer om ze te herstellen. Er is een probleem waar ik ben vast wel. Als u een iPad, opent u de site in portrait-modus. Er zijn twee ongewenste horizontale lijnen verschijnen, een top die de tabbladen (Popular, Fresh, etc) en een onderste die pal boven de hagedis illustratie kruist. Beide lijnen zou er niet zijn.

Deze lijnen verschijnen niet op een andere browser getest, waaronder Safari op Windows. Wanneer u dat dezelfde site te verplaatsen naar landscape modus op de iPad, de bovenste horizontale lijn verdwijnt, terwijl de onderste verblijven. als jij zoom een beetje aan de bottom line, het dan verdwijnt ook.

Ik heb geprobeerd uit verschillende CSS fixes het mocht niet baten en ben nu beginnen te denken dat dit een weergave kwestie van Safari, hoewel misschien veroorzaakt door mij.

Alle hulp wordt zeer gewaardeerd. Het lijkt een klein probleem, maar ik haat slordigheid.

vroeg 19 november ’10 om 13:04

Het probleem hebben te maken met de manier waarop Mobile Safari omgaat achtergrondafbeeldingen. De groene lijn die opduikt (net binnen uw inhoud gebied) is van een ander element.

Probeer ‘over sizing‘Uw afbeeldingen. Bijvoorbeeld: Een beeld wordt afgesneden bij 100 pixel hoogte, maken dat het 110 pixels hoog. Dit werkt voor mij. meestal.

Edit: Ik heb check de site op mijn iPad en ik zag gewoon dat enkele lijn opduiken. Merk ook op dat het verdwijnt wanneer je in / out die mij vertelt dat het een weergave bug (niet iets in uw css) te zoomen.

Bron: stackoverflow.com

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

3 × vijf =