【发布时间】：2019-01-15 23:10:04
【问题描述】：
所以，我在移动版 Safari 上遇到了一个奇怪的问题——我怀疑所有这些问题的根本原因，但一直无法弄清楚：
- 链接环绕图片不会覆盖整个宽度和高度（如下图所示），仅覆盖左上角
- 链接按钮仅在左半部分有效
- 与以下内容的链接：hover 将在悬停时挂起，您必须按下
更糟糕的是，应该模拟 iPhone 的开发工具不会显示任何时髦的东西——整个图像/按钮应该被链接等等——但是当你在实际设备上使用该网站时，就会发生上述情况。
我知道，我知道，这感觉像是一个非常基本的问题，但我已经为此苦苦思考了两天了。
这是我的测试页面，但您会在整个站点间断地看到它：https://redcowmn.com/testing-safari-ios-issue/
是否有一行代码告诉 Safari 行为不端？
即使是一个非常简单的<a href="/"><p>Hi</p></a> 行为也不可靠。
我正在 Wordpress（我有 20 多个其他网站）、Yoast SEO、Wordfence、Gravity Forms、WP Rocket（安全模式下）、WooCommerce 和 Stripe for WooCommerce 上构建 X Theme 框架。
谢谢各位。
【问题讨论】：
标签： html css hyperlink hover mobile-safari