HP-User: Safari und I-Pad

Abend Leute

Ich hab neulich zugang zu einem I-Pad gehabt, und mir mal dieverse Seiten angeschaut. Vorallem meine :-)

Zwei Dinge sind mir aufgefallen:

1. Bei Textareas werden die eingestellten Größen nicht beachtet.

2. Inputfelder werden um eine Stelle verkürzt angezeigt.

3. Ein IMG, welches auf allen normalen PC's korrekt dargestellt wird, ragt plötzlich rechts in die Navigation hinein.

Ist das ein spezielles Safari-Problem?
Ist da was bekannt?

Gruß HP-User

  1. Ist das ein spezielles Safari-Problem?

    Die meisten Probleme hängen mir rundungsdifferenzen zusammen, da der Virtuelle Viewport auf Mobilgeräten mit Touch-Bedienung üblicherweise 980 Pixel breit ist, das Display aber nicht exakt diese bereit hat.

    Das führt dazu, dass zwischen Elementen die eigentlich zusammenkleben sollten ein winziger Abstand ist usw. wenn man hineinzoomt, sin die Fehler allerdings weg.

    Dass Formularfelder etwas Eigensinnig sind, ist "beabsichtigt" :)

    1. Hi suit

      Die meisten Probleme hängen mir rundungsdifferenzen zusammen, da der Virtuelle Viewport auf Mobilgeräten mit Touch-Bedienung üblicherweise 980 Pixel breit ist, das Display aber nicht exakt diese bereit hat.

      Das führt dazu, dass zwischen Elementen die eigentlich zusammenkleben sollten ein winziger Abstand ist usw. wenn man hineinzoomt, sin die Fehler allerdings weg.

      Aha, wieder was gelernt! ;-)

      Dass Formularfelder etwas Eigensinnig sind, ist "beabsichtigt" :)

      No comment! Aber sie sind noch nutzbar. *hehe*

      Gibts Weichen für HTML-Code bei mobilen Endgeräten?
      Manchmal sieht man in Quelltexten in grüner Schrift: "if IE xxxxxx". Das wär doch ne Weiche für IE-Browser - der? Und sowas für Safari schon mal gesehen?

      Danke für deine Infos

      Gruß HP-User

      1. Hallo,

        Gibts Weichen für HTML-Code bei mobilen Endgeräten?

        z.B. http://code.google.com/p/php-mobile-detect/

        vg ichbinich

        --
        Kleiner Tipp:
        Tofu schmeckt am besten, wenn man es kurz vor dem Servieren durch ein saftiges Steak ersetzt...
        1. Gibts Weichen für HTML-Code bei mobilen Endgeräten?
          z.B. http://code.google.com/p/php-mobile-detect/

          Das Bringt aber nicht wirklich etwas, Es gibt dutzende Webkit-Versionen die alle unterschiedlichen Funktionsumfang liefern - eine sinnvolle Weiche gibts hier nicht.

    2. Die meisten Probleme hängen mir rundungsdifferenzen zusammen, da der Virtuelle Viewport auf Mobilgeräten mit Touch-Bedienung üblicherweise 980 Pixel breit ist, das Display aber nicht exakt diese bereit hat.

      Nachtrag: mit "Virtueller Viewport" war in diesem Fall window.innerWidth gemeint - beim Android 2.3 Browser ist dieser allerdings nur 800px breit.

      Hier gibts eine Aufstellung wie Irre das eigentlich ist :)
      http://tripleodeon.com/wp-content/uploads/2011/12/table.html