html - IOS 图像未出现

标签 html ios css image cordova

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

<!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> 

这是我的模拟器的截图: http://i.imgur.com/3YyFS8E.png

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

最佳答案

找出它不起作用的原因。似乎如果有人试图通过 HTML 将图像放在 iOS 上,它可以处理的分辨率有一定的限制(似乎不是 jpg,但对于 GIF 和 PNG,可能与透明度有关)。我所要做的就是将我的图片缩小到原始尺寸的 50%,它们就可以正常工作了。

关于html - IOS 图像未出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17838212/

相关文章:

html - 在滚动条上隐藏箭头 - 更好的方法?

objective-c - iCarousel 禁用在后台完成的任何其他动画

iphone - 在 iPhone 中缓存来自远程服务器的图像

ios - 我的 viewController 没有正确显示

html - 单击时表格行的背景颜色不变

html - 悬停子元素时为父元素提供样式

javascript - IE7 缩小输入问题

javascript - 为什么变量在JS中会被识别为数字?

css - MVCGrid.net - 将列标题和排序图标保持在一行中

html - 显示 :table 的元素内表格的限制宽度