100％の幅は、モバイルまたはラップトップの画面の半分しか占めていません。

Question

実際には、100％の方が画面の右側に少し離れているため、実際には100％小さくする必要があります。タブレットやノートパソコンの画面にページを読み込むと、画面の左上にズームされます。ズームアウトすると、divのページが左から右のページの約半分しか表示されません。私は運がない分の幅で遊んでみました。

.first { 
       height: 75px; 
       width: 99.55%; 
       background-color: red; 
       margin-top: 19px; 
       border: 3px yellow solid; 
       min-width: 1000px; 

       margin: 0 auto; 

} 

h2 { 
       text-align: center; 
       width: 100%; 
} 
<div class="animated fadeInUpBig first o"> 
     <h2>Need to fix positioning on mobile</h2> 
</div> 
<div class="animated fadeInUpBig first t"> 
     <h2>More work will be done tomorrow evening</h2> 
</div> 
<div class="animated fadeInUpBig first tr"> 
     <h2>Make it look half good by weekend</h2> 
</div>