Как установить масштаб контента только для определенной <div>, а не для всех в веб-просмотре в iOS

Question

В теле есть две строки.

1. div "test line" имеет размер шрифта 10pt.

2. "наилучшие пожелания"div имеет ширину 958 пикселей.

Следовательно, мое веб-представление (которое было бы размером примерно 375) уменьшило бы обе строки и показало подобное.

Но Outlook на том же самом сделал правильно, увеличив масштаб только для этого второго div, а не для первого.

Пожалуйста, помогите мне с тем, что делать с веб-просмотром или соответствующим CSS.

<meta />
<div>
   <div style="font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif">
      <div>
         <div style="font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif">
            <div>
               <div style="font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif">
                  <div>test line<br /></div>
                  <div><br /></div>
                  <div>
                     <div>
                        <div style="border-left: none; padding: 0px; color: rgb(34, 34, 34); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: medium; font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 255, 255)">
                           <div style="margin: 0px; padding: 0px 0px 20px; width: 958px">
                              <div style="font-size: 12.8px; direction: ltr; margin: 8px 0px 0px; padding: 0px">
                                 <div style="overflow: hidden; font: small/ 1.5 Arial, Helvetica, sans-serif; outline: none">
                                    <div style="font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: rgb(0, 0, 0)">
                                       <div>
                                          <div>
                                             <div style="text-align: left"><b><span style="font-family: arial, helvetica, sans-serif, sans-serif"><span style="font-size: 13px">Warm Regards</span></span></b><br /></div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div><br /></div>
                     </div>
                     <div style="clear: both"><br /></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <br />
</div>