html - カスタム バージョンではなく、3 つの画像が iPhone で完全に表示されない (メタ ビューポートを使用)

Question

このスレッドに関する最後の最後の質問です。2 つの tr テーブル行と 3 つの td 行を含むテーブルがあります。

コード：

<div id="container" style="position:relative;overflow:hidden;margin: 0 auto;max-width:100%;">
<table style='position:relative;margin:0 auto;max-width:100%;'>
 <tr>
     <td><a href="/styles/Images/SLone.jpg" data-lightbox="true" title="NF NOYA FIEBER">
     <img src='/styles/Images/SLone.jpg' width='395px' height='592px' alt='NF Noya Fieber נויה פיבר'/>
     </a>
     </td>
     <td>
     <a href="/styles/Images/SLtwo.jpeg" data-lightbox="true" title="NF NOYA FIEBER">
     <img src='/styles/Images/SLtwo.jpeg' width='395px' height='592px' alt='NF Noya Fieber נויה פיבר'/>
     </a>
     </td>
    <td>
    <a href="/styles/Images/SLthree.jpeg" data-lightbox="true" title="NF NOYA FIEBER">
    <img src='/styles/Images/SLthree.jpeg' width='395px' height='592px' alt='NF Noya Fieber נויה פיבר'/>
    </a>
    </td>
 </tr>
 <tr>
     <td>
     <a href="/styles/Images/SLfour.jpeg" data-lightbox="true" title="NF NOYA FIEBER">
     <img src='/styles/Images/SLfour.jpeg' width='395px' height='592px' alt='NF Noya Fieber נויה פיבר'/>
     </a>
     </td>
     <td>
     <a href="/styles/Images/SLfive.jpeg" data-lightbox="true" title="NF NOYA FIEBER">
     <img src='/styles/Images/SLfive.jpeg' width='395px' height='592px' alt='NF Noya Fieber נויה פיבר'/>
     </a>
     </td>
    <td>
    <a href="/styles/Images/SLsix.jpeg" data-lightbox="true" title="NF NOYA FIEBER">
    <img src='/styles/Images/SLsix.jpeg' width='395px' height='592px' alt='NF Noya Fieber נויה פיבר'/>
    </a>
    </td>
 </tr>
 </table>
 </div>

iPhone を除いて、うまく機能しています。2 つの画像と 3 つ目の画像しか表示されません。幅が広すぎるようです。

これを修正して、テーブルを max-width:100% of screen にする方法があることを願っていますが、うまくいきません。どうもありがとう、エルロイ。