1

我在我建立的网站上遇到问题，联系页面上有一张照片，适用于 MacOSX、Windows，但不适用于 iPhone 4/5/4s 等。图片详细信息：

Dimensions 3508 × 2480
File size 320 KB
MIME type image/jpeg

图片只是没有出现在Iphone上，也许是因为分辨率？320 KB 是我能够达到的最小大小，因为它的加载并不重，而且质量很好。希望它可以通过任何方式解决，有调用图像的代码：

<img src="/styles/Images/contact.jpg" alt="something" title="something" style="max-width: 100%;">

第二个最重要的问题是主页，在任何屏幕上它都连续显示3张图片，但在iPhone中宽度太大，所以你只能看到2张图片和第3张的一点点。我用的是网站，不需要优化版本的手机，只是相同的网站，但更小，虽然图片没有显示在 100% 的手机宽度上，你只能看到第三张图片的 2 和 abit。

    <div id="container" style="position:relative;overflow:hidden;margin: 0 auto;">
<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>
</table>
</div>
4

1 回答 1

0

检查此网页：

http://www.williammalone.com/articles/html5-javascript-ios-maximum-image-size/

我在 safari 之前也遇到过，一些网络服务器要求文件名 100% 正确，而我发现在 PC 上更宽容，我使用 NAS 盒作为 ios 设备的测试并且之前遇到过这个..

于 2013-08-13T11:42:20.143 回答