Tabelle nicht auf Größe Bildschirm passen Breite

Screenshot:Tabelle nicht auf Größe Bildschirm passen Breite

Ich habe versucht, HTML mit UIWebView für ein iOS-Projekt angezeigt werden, aber wie Sie aus dem obigen Bild sehen können, ist die TD nicht die passen Bildschirmbreite. Ich habe versucht, die HTML-Quelle mit einem Browser und es funktioniert gut, aber in mobilen es nicht.

Was brauche ich, damit der Tisch genau auf den Bildschirm passt?

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title></title> 
     <style> 
      body { 
       font: 9pt tahoma, sans-serif; 
       direction:rtl; 
      } 
      * 
      { 
       margin: 0px; 
       padding: 0px; 
      } 
      html, body 
      { 
       height: 100%; 
      } 
      #print-header { 
       width:95%; 
       margin:10px auto 10px auto; 
       /* 
       background-image:url('../../icon/logo.png'); 
       background-repeat:no-repeat; 
       background-position:left top; 
       */ 
      } 
      #print-header table { 
       border-collapse: collapse; 
       border:0; 
       margin:10px auto 10px auto; 
       text-align: center; 
       width:100%; 
       /*border:1px solid black;*/ 
      } 
      #print-header .key { 
       text-align: left; 
      } 
      #print-header .value { 
       text-align: right; 
       /*font-weight:bold;*/ 
      } 
      #print-header th { 
       border:0; 
       text-align: right; 
       width:50%; 
       /*background:red;*/ 
      } 
      #print-header td { 
       border:0; 
      } 
      #print-body table{ 
       border-collapse: collapse; 
       border:1px solid black; 
       margin:20px auto 20px auto; 
       text-align: center; 
       width:200%; 
       white-space: nowrap; 

      } 
      #print-body thead { 
       font-weight:bold; 
      } 
      #print-body th{ 
       border:1px solid black; 
       padding:2px; 
      } 
      #print-body td{ 
       border:1px solid black; 
       padding:2px; 
      } 
      #print-footer { 
       text-align: center; 
       font-size:13px 
      } 
      #print-body #print-caption { 
       text-align: center; 
       font-weight: bold; 
       font-size: small; 
       padding: 40px 0 30px 0; 
      } 
     </style> 
    </head> 
    <body> 
     <div > 
      <table> 
       <tr> 
        <th rowspan="2" align=right><img border="0" src=".../img.png"></th> 
       </tr> 
      </table> 
     </div> 
     <div id="print-body"> 
      <hr size="4px" style="background-color:black"> 
      <table cellspacing="0" cellpadding="0"> 
       <tr> 
        <td width="100%">ISSUE DATE</td> 
       </tr> 
      </table> 
     </div> 
     <hr size="4px" style="background-color:black"> 
     <div id="print-footer"> 
      <p>sassas<br>asassasa</p> 
     </div> 
    </body> 
</html>

Quelle

2017-01-22 SimpleojbC

Nicht vertraut mit UIWebView, und ich habe keine iOS Maschine hier, bvut sehe ich, dass Sie nicht eine '

@MrLister hat versucht, aber immer noch nicht funktioniert. – SimpleojbC

Try Tabelle witdh: 100% und position: fixed

Quelle

2017-01-22 12:12:01 Cookie

funktioniert immer noch nicht – SimpleojbC

Tabelle nicht auf Größe Bildschirm passen Breite

Antwort

Verwandte Themen