CSS absolute Position Ursachen Schriftgröße in Google Dev Tools

Jungs Ich habe sehr seltsame Problem und ich bin mir nicht sicher, ob es mit CSS oder Chrome selbst verwandt ist.CSS absolute Position Ursachen Schriftgröße in Google Dev Tools

Ich habe auf einer Website gearbeitet, als entdeckt, dass, wenn ich in der mobilen Vorschau bin, und einen Block als absolut positioniert, die Schriftart innerhalb des Blocks sehr wenig auf dem Bildschirm angezeigt wird.

Bitte Screenshots:

Position absolut aktiviert:

Position absolut untauglich

ich alle Stile und Skripte entfernt haben, es zu testen, das gleiche Problem.

<html> 
<head> 
    <title></title> 
    <style type="text/css"> 
     div{ 
      position: absolute; 
      color: red; 
      font-size: 16px; 
     } 
    </style> 
</head> 
<body> 
    <p>Lorem Ipsum .... </p> 
    <div>TEXT</div> 
</body> 
</html>

P. S.:

Zur Zeit der Code ich habe, ist unten gezeigt Getestet auf neuesten Versionen von Chrome und Chrome Canary - gleiche Ausgabe.

Quelle

2016-06-02 Emil Gurbanov

Können Sie eine jsfiddle erstellen? –

funktioniert perfekt [hier] (http://codepen.io/anon/pen/mEJJBZ), wir brauchen mehr Code, um Ihnen zu helfen – dippas

seltsam, für mich auch .. aber es funktioniert nicht lokal –

ich das Problem gefunden, war es, weil Metatag Ansichtsfenster fehlt ...

Wenn jemand solches Problem mit knapp unter den Zeichenfolge in dem Kopf-Tag Ihrer HTML:

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

Dank um zu versuchen zu helfen.

Quelle

2016-06-02 22:29:16

Sie können auch vw anstelle von px verwenden.

font-size: 10vw;

Quelle

2016-06-02 22:41:54 FlappyBoy

CSS absolute Position Ursachen Schriftgröße in Google Dev Tools

Antwort

Verwandte Themen