尝试编写包含在 iOS 上我们的应用程序中的 html 帮助文件。
对于 iPad 版本，我希望帮助文件显示一个较小的图形(大约
156x204)。
对于 iPhone/iPod，我不想显示图形。
除了在文件 h_login.html 中使用如下 JavaScript 之外:
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("h_small_login.html");
这需要克隆每个文件，我还没有找到方法。
更愿意继续使用最少的 HTML ...普通，没有 CSS，单个“元” 开始指定: 元名称=“视口(viewport)”内容=“宽度=设备宽度；初始比例= 1.5；最大比例= 4.0；用户可扩展= 1；”
谢谢! 斯坦
最佳答案
到目前为止，最简单的方法是使用媒体查询。我相当确定 i-Devices 支持 CSS 的此功能:
@media screen and (max-device-width: 600px) {
img.hide {display:none;}
}
只需在相关图片中添加class="hide"，并调整600px(我不知道iPhone和iPad的分辨率是多少，但只是将 600 更改为两者之间的任何值)。
这样做比尝试让 JavaScript 做同样的事情要容易得多。
关于iphone - 寻找在 iPad 而非 iPhone 上有条件地在 HTML 中包含 "img src="的方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10237092/