Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 14. Mai 2013 13:56

jeff1980
Server-Pate
Ort: Dortmund
Registriert: 26. November 2010
Beiträge: 630

Windows Phone 8

Hallo,

dieses Projekt www.connectivedesign.de habe ich in den letzten Tage auf die Schnelle zusammengestellt.
Es funktioniert auf allen Browsern wunderbar - nur der IE unter Windows Phone 8 (auf einem Lumia 920) macht Probleme und schneidet den oberen Bereich an.
Leider habe ich selbst kein Windows Phone und habe mir deshalb extra Windows 8 inkl. Windows Phone 8 SDK in einer VM installiert um es dort zu testen - und siehe da, es klappt.
Was kann das denn sein? Hat evtl. jemand ein Windows Phone und könnte die Seite für mich einmal darauf testen?
Das wäre echt cool ...

Offline

#2 14. Mai 2013 14:12

czarnowski
kennt CMS/ms
Registriert: 18. Oktober 2012
Beiträge: 457

Re: Windows Phone 8

Vermutlich ist die Seite  größer als  1280x768 oder der Umschaltpunkt wird nicht getroffen.

Das Design schaltet bei mir aber exakt um.

Kannst du hier http://powersoftware.org/bt.html  testen

Beitrag geändert von czarnowski (14. Mai 2013 14:18)

Offline

#3 14. Mai 2013 14:18

jeff1980
Server-Pate
Ort: Dortmund
Registriert: 26. November 2010
Beiträge: 630

Re: Windows Phone 8

Aber warum funktioniert es auf nem iPhone, nem Tablet mit 800x480px und einem Firefox-Fenster, das auf 1280x768 gezogen ist? Drei Geräte, drei Browser - alles passt.
Und in der Simulation von Microsoft auch.

Offline

#4 14. Mai 2013 14:41

czarnowski
kennt CMS/ms
Registriert: 18. Oktober 2012
Beiträge: 457

Re: Windows Phone 8

In der Simulation (link) passt es in der höhe nicht bei 800x480 , bei 1280 x 768.

Die Ursache kann nur die sein das der viewport eine höhe von >768 liefert oder das die Seite in der Höhe zu viel gibt.

Beitrag geändert von czarnowski (14. Mai 2013 14:49)

Offline

#5 14. Mai 2013 15:00

czarnowski
kennt CMS/ms
Registriert: 18. Oktober 2012
Beiträge: 457

Re: Windows Phone 8

Bei 800x480 ist es für #wrapper der Wert margin-top: -320px; der daneben liegt - könnte die Ursache für andere sein.

Offline

#6 14. Mai 2013 20:40

mike-r
arbeitet mit CMS/ms
Registriert: 21. Dezember 2010
Beiträge: 898
Webseite

Re: Windows Phone 8

Ist denn:

@media (max-width:1200px), (max-height:768px) 

irgendwo dokumentiert? ich meine da müsste ein "and" hin statt Komma.

edit, ok, hab nix gesagt, grad doch noch gefunden.

Beitrag geändert von mike-r (14. Mai 2013 20:41)


Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

Offline

#7 14. Mai 2013 20:53

jeff1980
Server-Pate
Ort: Dortmund
Registriert: 26. November 2010
Beiträge: 630

Re: Windows Phone 8

czarnowski schrieb:

Bei 800x480 ist es für #wrapper der Wert margin-top: -320px; der daneben liegt - könnte die Ursache für andere sein.

Dürfte eigentlich nicht so sein, da es ja beim skalieren des Browser-Fensters bzw. auf Geräten mit dieser Auflösung funktioniert. Meine Vermutung ist ein Zusammenhang zwischen Windows Phone und dem mobilen IE10.
Der mobile Safari hat ja auch die eine oder andere Macke, die man nicht ohne Gerät simulieren kann (da war z.B. mal was mit Positionierung, wenn ich mich richtig erinnere).

mike-r schrieb:

Ist denn:
@media (max-width:1200px), (max-height:768px)
irgendwo dokumentiert? ich meine da müsste ein "and" hin statt Komma.
edit, ok, hab nix gesagt, grad doch noch gefunden.

Jep, "," steht für "or".

Offline