我想拥有一个只有一个HTML和一个CSS文件的webview,以相同的大小显示图形,但是每个图形都具有本机分辨率.
我现有的设计为320×480的网络视图似乎可以很好地放大(例如,清晰的文本和边框半径),尽管在iPhone4模拟器中图像的分辨率只有一半.在使用HTML,CSS或JS自动选择图形或其double res版本的情况下,如何模拟本地图像加载行为？ (希望不是JS)
我目前正在使用这样的视口声明：
<Meta content='initial-scale=0.5; maximum-scale=1.0; minimum-scale=0.5; user-scalable=0;' name='viewport' />
这会缩小,图像像素与显示像素为1：1,但同时也会缩小其他所有像素.当然,在较小的iPhone显示屏上,它很小.
我感觉这与某种视口大小的媒体查询有关吗？
最佳答案
这将为iPhone 4加载特定的样式表：
<link
rel="stylesheet" type="text/css" href="/css/style.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)"
/>
