基本情景:
我的图像是2048x1536。 我有一个html文件,通过CSS显示此图像,指定宽度为1024,高度为768。 我有一个显示该html页面的UIWebView。
问题:
在iOS6设备上,该图像的大小调整为适合该1024x768区域。在iOS7设备上,该图像被裁剪为仅显示图像的左上四分之一。
由于iOS7,Chrome和Safari都采用裁剪选项,我确实认为这是正确的行为(我强烈怀疑最新的webkit已更新以符合此标准行为)。但是,出于商业原因,我仍然需要调整大小行为。
问题:
即使在iOS7上,仍然可以保持调整大小的行为吗?
编辑 - 基于评论的其他信息:
我提出了一个高度简化的方案。我不能把图像放到图像视图中。我的应用程序中的功能允许第三方将HTML内容加载到其中。另外,与此相关,我无法修改HTML内容。基本上,我所能做的就是为该HTML内容创建一个NSUrlRequest,并告诉UIWebView通过loadRequest加载它。
以下是HTML代码段和CSS代码段。但请记住,我无法改变这一点。我只控制目标c的结束。
<body >
<div id="wrapper">
</div>
</body>
#wrapper {
background-color: #FFF;
position: relative;
width: 1024px;
height: 768px;
background: #FFF url(images/bg.jpg) no-repeat top left;
background-size: contain;
overflow: hidden;}