Mobile Version mit Media Queries - width:100% - div ist immer noch breiter

[d3mueller]

Hi, will eine mobile Version erstellen, mithilfe von Media Queries.

Habe zuerst mal das hier in den Head eingebaut:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />

Damit man halt nicht zoomen kann etc.

Jetzt habe ich mit Media Queries alle Elemente (haupt-Div, Logo, menü am oberen Rand der seite) auf 100% Breite eingestellt.
Alles ist perfekt 100%, aber das Haupt-Div ist etwas zu breit, also das man horizontal scrollen muss.

Dann habe ich das hier entfernt(aus dem meta-Tag)
maximum-scale=1

dann war das Haupt-div perfekt breit, aber der Rest etwas zu klein/schmal.

wisst ihr, woran das liegen könnte?

Danke schon mal und Lg
Dennis

 

[bigtail]

AW: Mobile Version mit Media Queries - width:100% - div ist immer noch breiter

Hi,
ohne den code gesehen zu haben, es ist schwer etwas zu sagen.
Erfahrungsgemäß liegt das Problem meist bei einem anderen Element und nicht beim den Container selbst.

 

[d3mueller]

AW: Mobile Version mit Media Queries - width:100% - div ist immer noch breiter

Hi,

wollte grad den Code posten, da hab ich den Fehler gefunden.. Ich hatte noch ein margin: 20px; drin. Das sind ja dann +40 px auf beiden seiten. Deswegen ist das zu breit gewesen -,-.

Shit^^

Aber trotzdem danke

LG
Dennis

 

[bigtail]

AW: Mobile Version mit Media Queries - width:100% - div ist immer noch breiter

Freut mich!