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

Mediaquery, Mobile Ansicht funktioniert nur am Pc!?

Bengman

Mitglied
Hey Leute, mein Problem ist, das die Mobile Ansicht der Seite nur am Pc funktioniert, wenn man das Browserfenster schmaller macht. Am Handy funktioniert es nicht.

Code:
Code:
@media screen and (max-width: 550px) {
body { overflow-y: auto; }
#sidebutton { display: block; } #sidebutton a { text-decoration: none; }
.sidebutton1 { color: black; width: 100%; font-size: 250%; } .sidebutton1:hover { color: red;}
.closebutton { color: black; float: right; font-size: 250%; } .closebutton:hover { color: red; }
header { display: none; width: 500px; text-align: center; }
header a 
       {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 85%;
        text-align: center;
        color: #1F7FBA;
        text-decoration: none;
        line-height: 1%;
       }....................................
Und halt so weiter...
Erkennt ihr einen Fehler? Eigentlich ja unlogisch, das es nicht am Handy, aber am Pc funktioniert...Oder?
 
Werbung:
Hey Leute, mein Problem ist, das die Mobile Ansicht der Seite nur am Pc funktioniert, wenn man das Browserfenster schmaller macht. Am Handy funktioniert es nicht.

Code:
Code:
@media screen and (max-width: 550px) {
body { overflow-y: auto; }
#sidebutton { display: block; } #sidebutton a { text-decoration: none; }
.sidebutton1 { color: black; width: 100%; font-size: 250%; } .sidebutton1:hover { color: red;}
.closebutton { color: black; float: right; font-size: 250%; } .closebutton:hover { color: red; }
header { display: none; width: 500px; text-align: center; }
header a
       {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 85%;
        text-align: center;
        color: #1F7FBA;
        text-decoration: none;
        line-height: 1%;
       }....................................
Und halt so weiter...
Erkennt ihr einen Fehler? Eigentlich ja unlogisch, das es nicht am Handy, aber am Pc funktioniert...Oder?

viewport im HTML <head> gesetzt?
Wahrscheinlich nicht...

HTML:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
Zurück
Oben