2

尝试编写包含在 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 ... vanilla，没有 CSS，在开始时使用单个“元”来指定：元名称 =“视口”内容 =“宽度=设备宽度；初始规模=1.5；最大规模=4.0；用户可扩展=1；"

谢谢！斯坦

4

2 回答 2

4

到目前为止，最简单的方法是使用媒体查询。我相当肯定 i-Devices 支持 CSS 的这个特性：

@media screen and (max-device-width: 600px) {
   img.hide {display:none;}
}

只需添加class="hide"相关图像，然后调整600px（我不知道 iPhone 和 iPad 的分辨率是多少，但只需将其更改为600两者之间的任何值）。

这样做比尝试让 JavaScript 做同样的事情要容易得多。

于 2012-04-19T21:33:51.953 回答
1

jQuery 可以轻松做到这一点：

if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    $("img").attr("display","none");
}

当用户代理是 iPhone 或 iPod 时，这将从文档中删除所有图像。如果您没有使用 jQuery，但您使用的是服务器端脚本，我们需要知道您使用的是什么语言。如果您只是直接使用 HTML，那么 JavaScript 是您修改页面的唯一方法，而 jQuery 将是您的最佳选择。

于 2012-04-19T21:38:42.963 回答