Html IOS图像未显示_Html_Ios_Css_Image_Cordova

Html IOS图像未显示

html ios css image cordova

Html IOS图像未显示,html,ios,css,image,cordova,Html,Ios,Css,Image,Cordova,我在iPhone上显示图像时遇到问题。目前，我有一个相当大的图像，大约9000x4500。我正试图在iPhone中显示这张调整大小的图片。我现在正在使用模拟器，但它不会出现。我这里有一些非常简单的代码（使用phonegap）：图像{ 宽度：100%；最大宽度：100%；} 下面是我的模拟器的屏幕截图：有人知道如何解决这个问题吗？找到了它不起作用的原因。如果一个人试图通过HTML将图像放到iOS上，那么它所能处理的分辨率似乎有一定的限制（似乎不是JPG，而是GIF和PNG，可能与透明度

我在iPhone上显示图像时遇到问题。目前，我有一个相当大的图像，大约9000x4500。我正试图在iPhone中显示这张调整大小的图片。我现在正在使用模拟器，但它不会出现。我这里有一些非常简单的代码（使用phonegap）：


图像{
宽度：100%；
最大宽度：100%；}

下面是我的模拟器的屏幕截图：

有人知道如何解决这个问题吗？

找到了它不起作用的原因。如果一个人试图通过HTML将图像放到iOS上，那么它所能处理的分辨率似乎有一定的限制（似乎不是JPG，而是GIF和PNG，可能与透明度有关）。我所要做的就是将我的图片大小调整到原来大小的50%，它们就可以正常工作了。

请注意：在真正的设备上，这不太可能正常工作。图形内存有限，超过一定分辨率的图像无法直接渲染。9000x4500可能太大了。所以我发现大型jpg图像确实会显示在模拟器上，但大型PNG不会。这有什么原因，或者有什么解决办法吗？我需要图像相对较小（400-800 KB，这是图像当前的大小）并且是透明的。压缩时图像有多大无关紧要。当它被解码到内存中时，你会有一个完整的9000*4500*RGB（a），这是大量的数据。我猜JPEG没有alpha通道，在模拟器上运行时，它的分辨率低于一定的阈值。图像在Android上呈现得非常好，而我使用的是一款非常糟糕的Android手机，因此图像也应该在iPhone上运行。我将图像放在应用程序的本地资产中，并调整其大小以适应屏幕。编辑*：这些图像在android手机上也不会花费很长时间或任何东西，它几乎是立即出现的。我只是不明白为什么它不能在ios上运行。嗯。。。我相信PNG在设备上渲染之前会得到优化。您可以在“生成设置”中禁用此选项，以查看它是否将在不进行修改的情况下显示。看，这对我来说太好了！你知道为什么仅对JPG就放宽了这一限制吗？

<!DOCTYPE HTML>
<html>
  <head>

    <script charset="utf-8" src = "jquery-1.10.1.min.js"></script>
    <script charset="utf-8" src = "cordova.js"></script>
    <style>
        img.Image {
            width: 100%;
            max-width:100%;}


    </style>            

   </head>
   <body>

     <img src = "FloorPlans/plazaone.png" class = "Image" />

   </body>

</html>