Mobile Website HTML-Element zu breit

8

Ich entwerfe eine mobile Version meiner Website, die wie eine mobile Anwendung sein soll.

Das Problem ist, dass mein HTML-Element in meinem mobilen Browser eine seltsame Breite hat. Ich habe versucht, Körper und HTML zu Breite: 480px einzustellen; und der Inhalt ist 480px, aber selbst dann gibt es viele Leerzeichen neben dem Inhalt (geschätzt auf etwa 300px). Der Effekt davon ist auch, dass die Website nicht auf den Inhalt gezoomt wird, sondern auf den Inhalt + den Whitespace und Sie müssen zuerst hineinzoomen, um die Website richtig zu benutzen.

Natürlich möchte ich Breite verwenden: 100%; so macht es sich gut auf verschiedenen Bildschirmgrößen.

Weiß jemand, was vor sich geht oder wie man es repariert?

Bearbeiten Der HTML-Code ist einfach xhtml Übergang, nichts besonderes. In der CSS habe ich:

%Vor%

Aber wenn ich keine Breite zu denen setzen würde, sollte es richtig funktionieren? Ich setze auch keine Breite für andere Elemente (außer 100px und ähnliche) und wenn ich die mobile Version auf meinem Computer betrachte, scheinen keine Elemente breiter zu sein als der Körper.

    
Thomas 07.04.2011, 13:41
quelle

1 Antwort

19

Haben Sie das viewport -Meta-Tag hinzugefügt?

%Vor%     
DoubleYo 07.04.2011, 14:32
quelle

Tags und Links