我想要一个包含单个 HTML 和单个 CSS 文件的 Web View ，以相同的大小显示图形，但每个图形都具有原始分辨率。
我现有的为 320x480 设计的 webviews 似乎可以很好地放大(例如清晰的文本和边框半径)，尽管图像在 iPhone4 模拟器中只有一半分辨率。如何模拟使用 HTML、CSS 或 JS 自动选择图形或其双分辨率版本的 native 图像加载行为？ (希望不是 JS)
我目前正在使用这样的视口(viewport)声明:
<meta content='initial-scale=0.5; maximum-scale=1.0; minimum-scale=0.5; user-scalable=0;' name='viewport' />
这会缩小图像像素与显示像素的比例为 1:1，但它也会缩小所有内容。当然，它在较小的 iPhone 显示屏上也显得很小。
我觉得这与某种视口(viewport)大小媒体查询有关？
最佳答案
这将为 iPhone 4 加载一个特定的样式表:
<link
rel="stylesheet" type="text/css" href="/css/style.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)"
/>
关于iphone - 不可缩放的 webview，适用于 iPhone 和 iPhone4 分辨率，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3096227/