MedaiQueries funktioniert nicht

[tklustig]

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...

<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]

Also so geht es bei mir.

<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>

 

[Sp1r1t]

Hallo,

man muss noch diesen Meta Tag setzen, zumindest war das eine Zeit lang Pflicht.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Mit freundlichen Grüßen

Sp1r1t