微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

不可缩放的网页视图,可同时在iPhone和iPhone4分辨率下使用

我想拥有一个只有一个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)"
/>

原文地址:https://www.jb51.cc/css/530789.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。