Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
[Anzeigefehler] Zoomen im iPhone (Safari)
Kingpin
Offline
TA-Karte- und TA-Wiki-Admin
Plebejer
Mittelerde
Uneingeschränkter Herscher

Beiträge: 1.169
Themen: 81
Registriert seit: Mar 2004
Beitrag #18
RE: [Anzeigefehler] Zoomen im iPhone (Safari)
Wahh, habs mir gerade mal kurz angesehen... das sieht ja wirklich schreklich aus! hast du den viewport extra nicht freigeschaltet?

Also wenn du den nicht aufschaltest, wird es ein wenig komplizierter... dann müsstest du noch folgendes einfügen.... öhm, muss cih zusammenstellen... kommt dann evt gleich nachmittag...

MfG Kingpin

PS: mit dem Viewport hätte es übrigens auch mit max-width funktioniert...

EDIT: hier ist es schon, sind die gängigsten Mobilen auflösungen, ausgenommen iPhone5 im breitformat, da es zu viele PC's gibt, die eine kleine Auflösung haben..

Code:
@media screen and (max-device-width: 960px) {
        body { max-width: 960px; }
}
@media screen and (max-device-width: 854px) {
        body { max-width: 854px; }
}
@media screen and (max-device-width: 800px) {
        body { max-width: 800px; }
}
@media screen and (max-device-width: 720px) {
        body { max-width: 720px; }
}
@media screen and (max-device-width: 640px) {
        body { max-width: 640px; }
}
@media screen and (max-device-width: 540px) {
        body { max-width: 540px; }
}
@media screen and (max-device-width: 480px) {
        body { max-width: 480px; }
}
@media screen and (max-device-width: 320px) {
        body { max-width: 320px; }
}

EDIT: vergiss es, wenn du den viewport nicht freischaltest zoomt er auch mit obigem CSS, dann hat man einfach rechts freien raum... und erst nach dem reinzoomen passt es dann, man kann dann aber immer noch rechts und links scrollen...
(Dieser Beitrag wurde zuletzt bearbeitet: 17.12.2012, 12:19 von Kingpin. )
17.12.2012, 12:01
Homepage


Nachrichten in diesem Thema
RE: [Anzeigefehler] Zoomen im iPhone (Safari) - von Kingpin - 17.12.2012, 12:01