html - 我建立的网站上的 iPhone 上没有显示高分辨率图像，而且 3 张图像的宽度不合适

Question

我在自己建立的网站上遇到了问题，联系页面上有一张照片，它适用于 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张图片和第三张的一点点. 我在网站上使用，不需要移动设备的优化版本，只是相同的网站，但更小，虽然图像没有显示在 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>

Answer 1

查看此网页:

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

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