• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Smartphone CSS

Phoenix995

Neues Mitglied
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 (orientation:portrait)


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
 
oder weil dein end gerät nicht in dein Wunsch Raster passt?

orientation ist echt wichtig für das Design?

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
 
Zurück
Oben