不可缩放的webview，适用于iPhone和iPhone4分辨率

Question

我想拥有一个包含单个HTML和单个CSS文件的webview，以相同的大小显示图形，但每个都显示原始分辨率。

我现有的网页浏览量，专为320x480设计，似乎扩展得很好（例如清晰文本和边框半径），尽管iPhone4模拟器中的图像处于半分辨率。如何模拟使用HTML，CSS或JS自动选择图形或双重版本的本机图像加载行为？ （希望不是JS）

我目前正在使用像这样的视口声明：

<meta content='initial-scale=0.5; maximum-scale=1.0; minimum-scale=0.5; user-scalable=0;' name='viewport' /> 

这会缩小并且图像像素与显示像素的比例为1：1，但它也会缩小所有内容。当然，它在较小的iPhone显示屏上显得很小。

我觉得这与某种视口大小的媒体查询有关吗？

Answer 1

这将为iPhone 4加载特定的样式表：

<link
    rel="stylesheet" type="text/css" href="/css/style.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)"
/>

Answer 2

Answer 3

我遇到了同样的问题。我没有时间去研究它，但我的想法是创建每英寸像素更高的图形，并将其用于iphone 3g和iphone 4.

不确定这是否会起作用。但值得一试。

Answer 4