0

关于这个线程的最后一个问题，我有一个表，其中包含 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 张图片和连续第三张的图片，就像宽度太大了。

希望有办法解决这个问题，使表格 max-width:100% of screen ，尽管它不起作用。非常感谢，埃尔罗伊。

4

1 回答 1

0

在你的身体 css 中添加这个：

min-width:1024px

并确保您的视口是：

<meta name="viewport" content="width=device-width" />
于 2013-08-13T15:40:41.127 回答