ブラウザのタブを最小限に抑えてもテキストを保持するにはどうすればよいですか？

私はテキスト付きのコンテナを作成しようとしました。しかし、自分のブラウザのタブを最小化すると、私のテキストは圧迫され続けました。最小化してもテキストを同じにするにはどうすればよいですか？ブラウザのタブを最小限に抑えてもテキストを保持するにはどうすればよいですか？

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

出典

2016-05-31 J. Koh

画面のサイズを変更すると同じ行に同じ単語を維持することを意味しますか？ –

すべてのサイズで完璧に動作していますが、何が欲しいですか？ – Bharat

ええthats right @ Error404 –

ウィンドウを調整するように、容器は再サイジングです。これを防止するには、コンテナに最小幅を追加するなどして特定のサイズに達したときに小さくなることはなくなります。

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

出典

2016-05-31 13:21:19 Greg2518

ええ、私は私の体のセレクターを入れていないので、各コンテナの最小幅をキーしなくてはいけません。 –

あなたはこれらのように行うことができますが、それは適切な方法です。

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

出典

2016-05-31 13:22:24 Bharat

ブラウザのタブを最小限に抑えてもテキストを保持するにはどうすればよいですか？

答えて

関連する問題