画面のサイズを変更するときにセクションのサイズを変更しないでください

画面のサイズを変更すると、テキストが別のサイズになります。これを避けてスクロールバーを表示することはできません。お願いします。画面のサイズを変更するときにセクションのサイズを変更しないでください

これは私のコードです：事前に

article { 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
section.apropos { 
 
    background-color: white; 
 
    color: #666666; 
 
    font-family: Calibri; 
 
    height: 100%; 
 
    width: auto; 
 
    padding-top: 95px; 
 
    padding-left: 20%; 
 
    padding-right: 20%; 
 
    text-align: justify; 
 
    min-width: auto; 
 
    min-height: auto; 
 
}

<header> 
 
    <nav> 
 
    <ul> 
 
     <li><a> Notre entreprise</a></li> 
 
     <li class="m"><a> Nous connaitre</a></li> 
 
     <li class="m"><a onclick='onLinkClick()'>Nos métiers</a></li> 
 
     <li class="m"><a>Nous contacter</a></li> 
 
    </ul> 
 
    </nav> 
 
</header> 
 

 
<body> 
 
    <article> 
 

 
    <section class="apropos"> 
 
     <h1> A PROPOS DE NOUS </h1> <br/> 
 
     <p> Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consectetur</p> 
 

 
     <p> Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consectetur</p> 
 
    </section> 
 

 
    <section class="NotreMetier" id="NotreMetier"> 
 

 
    </section> 
 

 
    </article> 
 
</body>

感謝。

出典

2017-11-16 Zakia EL

3回私の英語のため申し訳ありませんか？ SOがあなたに "テキスト"を追加するよう指示した場合は、あなたの問題を明確にして、同じテキストを何度も何度も投稿してテキストの割合に合わせてください。 –

固定幅 –

width:およびを使用して固定します（私の例では400pxおよび300px）。要素のスクロールバーのサイズがコンテンツのサイズよりも大きい場合は、オプションでoverflow: scroll;を使用して要素のスクロールバーを指定します。

article { 
 
    width: 400px; 
 
    height: 300px; 
 
    overflow: scroll; 
 
} 
 

 
section.apropos { 
 
    background-color: white; 
 
    color: #666666; 
 
    font-family: Calibri; 
 
    width: auto; 
 
    padding-top: 95px; 
 
    padding-left: 20%; 
 
    padding-right: 20%; 
 
    text-align: justify; 
 
}

<body> 
 
<header> 
 
    <nav> 
 
    <ul> 
 
     <li><a> Notre entreprise</a></li> 
 
     <li class="m"><a> Nous connaitre</a></li> 
 
     <li class="m"><a onclick='onLinkClick()'>Nos métiers</a></li> 
 
     <li class="m"><a>Nous contacter</a></li> 
 
    </ul> 
 
    </nav> 
 
</header> 
 
    <article> 
 

 
    <section class="apropos"> 
 
     <h1> A PROPOS DE NOUS </h1> <br/> 
 
     <p> Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consectetur</p> 
 

 
     <p> Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consecteturLorem ipsum dolor sit amet consectetur</p> 
 
    </section> 
 

 
    <section class="NotreMetier" id="NotreMetier"> 
 

 
    </section> 
 

 
    </article> 
 
</body>

出典

2017-11-17 09:41:57 Zeronull

画面のサイズを変更するときにセクションのサイズを変更しないでください

答えて

関連する問題