Anzeige

MedaiQueries funktioniert nicht


tklustig

Erfahrenes Mitglied
#1
Hallo Leute, folgende CSS-Anweisung soll eine Textarea 'korrekt' positionieren, wenn es auf einem IPHONE(ohne die X-Modelle) läuft. Ich teste das Ganze über den Chrome-Emulator. Die Regel tritt nicht in Kraft. Warum nicht? Wenn ich Sie ohne MediaQuery formuliere. passt es...
CSS:
<style>
            @media only screen
            and (min-device-width : 375px)
            and (max-device-width : 667px) {
                .txtArea{
                    position:relative;
                }
            }
            .txtArea{
                position:absolute;
                top:3%;
                right:10%;
            }
        </style>

<textarea  rows="5"cols="35" id="comment" class="txtArea"></textarea>
 

basti1012

Erfahrenes Mitglied
#2
Also so geht es bei mir.
HTML:
<style>
  @media only screen and (min-width : 375px) and (max-width : 667px) {
                .txtArea{
                    position:relative;
                    top:0;
                    left:0;
                }
            }
            .txtArea{
                position:absolute;
                top:12%;
                right:10%;
  }
        </style>
<textarea  rows="5" cols="35"  id="comment"  class="txtArea"></textarea>
 
#3
Hallo,

man muss noch diesen Meta Tag setzen, zumindest war das eine Zeit lang Pflicht.
HTML:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Mit freundlichen Grüßen

Sp1r1t
 
Anzeige
Anzeige