Smartphone CSS

[Phoenix995]

Hallo
ich habe da ein kleines problem bei meiner wordpress seite:

im header.php hab ich folgendes in den head gepackt:


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


in meiner CSS hab ich dann diese Sachen für die einzelnen devices geschrieben:

Handy Portrait:
@media screen and (max-width: 321px) and (orientationortrait)


Handy Landscape:
@media screen and (min-width:320px) and (max-width:480px) and (orientation:landscape)


Tablet Hochformat:
@media screen and (min-width:481px) and (max-width:768px)


Tablet Querformat:
@media screen and (min-width:769px) and (max-width:1024px)


und im RWD Bookmark bzw. im Firefox mit Strg+M funktionierts auch, nur am Handy selbst nicht...
woran könnte das den liegen?

lg

 

[threadi]

Vlt. weil dein Handy-Browser keine media-queries unterstützt?

 

[Cheffchen]

oder weil dein end gerät nicht in dein Wunsch Raster passt?

orientation ist echt wichtig für das Design?

cheffchen

 

[Phoenix995]

nicht unbedingt wichtig, aber ich habs hald erstellt, und so würds mir passen xD

http://florianneumann.netau.net ist die seite.

 

[Cheffchen]

Hallo,

also media querys werden behandelt aber css stimmten halt ein paar sachen nicht wie zb das

.home .entry, .postid-156 .entry, .postid-142 .entry {
left: 270px;
padding-bottom: 30px;
position: absolute;
width: 70%;


}

oder

#footer {
background-color: #39599B;
bottom: 0;
color: white;
left: 0;
padding-left: 270px;
position: fixed;
width: 100%;


}

und dann noch ein paar andere ecken, damit wird das nicht schön angezeigt auf kleineren viewes.

Cheffchen