gpt4 book ai didi

iphone - 使用 CSS 禁用 iOS 设备的链接

转载 作者:塔克拉玛干 更新时间:2023-11-02 08:24:55 25 4
gpt4 key购买 nike

我有一个图片库,图片大到可以填满一个 iPhone 屏幕。

图像也是链接,所以您可以想象,在 iPhone 上滚动会变得非常令人沮丧,因为您经常不小心点击链接。

有没有办法单独使用 css 来防止这种情况?

如果不是,那么这个问题最简单的解决方案是什么?

谢谢!

最佳答案

我建议使用 Javascript。但是,我找到了一种只使用 CSS 的方法。第一步,您需要识别客户端浏览器,只需在 HTML 文件的 HEAD session 中添加以下代码:

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../iphone.css" type="text/css" />

只有当客户端使用iphone浏览器时,才会加载“iphone.css”的内容。

在这个文件“iphone.css”中,你需要创建一个类来禁用链接:

.disableLink {
pointer-events: none;
cursor: default;
}

在画廊的 HTML 代码中,在链接中添加引用:

<a href="link.html" class="disableLink"> IMAGE </a>

这些步骤只适用于 iPhone/iPod touch,但是如果你看我的第二个引用,你会看到适配 iPhone 4/iPod touch 4G 的方法:

关于iphone - 使用 CSS 禁用 iOS 设备的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11529233/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com