Wie behalte ich meinen Text bei minimiertem Browser-Tab?

Ich habe versucht, einen Container mit Text zu erstellen. Allerdings wurde mein Text immer enger, wenn ich meinen Browser Tab minimiere. Wie mache ich den Text gleich bleiben, auch wenn minimiert? Wie behalte ich meinen Text bei minimiertem Browser-Tab?

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Savana - About</title> 
 
    <meta charset="utf-8" /> 
 
    <style> 
 
    body { 
 
     font-family: 'Open sans', sans-serif; 
 
    } 
 
    .container-a { 
 
     width: 100%; 
 
     height: 400px; 
 
     background-color: #ffd800; 
 
    } 
 
    .container-a h1 { 
 
     margin: 0; 
 
     text-align: center; 
 
     position: relative; 
 
     top: 100px; 
 
    } 
 
    </style> 
 

 
    <body> 
 
    <div class="container-a"> 
 
     <h1> 
 
      impeccable craftsmanship<br /> 
 
      ridiculously comfy shoes<br /> transformative impact 
 
     </h1> 
 
    </div> 
 
    </body> 
 

 
</html>

Quelle

2016-05-31 J. Koh

Möchten Sie die gleichen Wörter in den gleichen Zeilen beibehalten, wenn Sie die Größe des Bildschirms ändern? –

es funktioniert perfekt für alle Größen, was willst du? – Bharat

Yeah das ist richtig @ Error404 –

Der Behälter wird erneut Sizing, wie Sie das Fenster anpassen. Sie können dies auf verschiedene Arten verhindern, indem Sie beispielsweise eine Mindestbreite zu Ihrem Container hinzufügen, damit er bei einer bestimmten Größe nicht kleiner wird.

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Savana - About</title> 
 
    <meta charset="utf-8" /> 
 
    <style> 
 
    body { 
 
     font-family: 'Open sans', sans-serif; 
 
    } 
 
    .container-a { 
 
     width: 100%; 
 
     height: 400px; 
 
     background-color: #ffd800; 
 
     /* Added min width for your container here */ 
 
     min-width: 950px; 
 
    } 
 
    .container-a h1 { 
 
     margin: 0; 
 
     text-align: center; 
 
     position: relative; 
 
     top: 100px; 
 
    } 
 
    </style> 
 

 
    <body> 
 
    <div class="container-a"> 
 
     <h1> 
 
      impeccable craftsmanship<br /> 
 
      ridiculously comfy shoes<br /> transformative impact 
 
     </h1> 
 
    </div> 
 
    </body> 
 

 
</html>

Quelle

2016-05-31 13:21:19 Greg2518

Ja, ich habe mich in meinen Body Selector gesteckt, so dass ich nicht in jedem Container min-width eingeben muss. –

Sie wie diese tun können, ist es die richtige Art und Weise.

<div class="container-a" style=" resize: none;"> 
    <h1> 
     impeccable craftsmanship<br /> 
     ridiculously comfy shoes<br /> transformative impact 
    </h1> 
</div>

Quelle

2016-05-31 13:22:24 Bharat

Wie behalte ich meinen Text bei minimiertem Browser-Tab?

Antwort

Verwandte Themen