gpt4 book ai didi

位置为 : fixed; 的 iOS9 移动 safari 风景 css 错误

转载 作者:可可西里 更新时间:2023-11-01 02:58:10 27 4
gpt4 key购买 nike

我用 iOS9 移动版 safari iPhone6sPlus 检查了这个错误。

当 safari 的标签在横向模式下显示时,我无法触摸固定元素。当标签隐藏时我可以触摸它。

  1. 显示 my demo在 iOS9 移动 safari 景观。
    • 仅在标签栏可见时复制成功,
  2. 向下滚动直到标签被隐藏。
  3. 触摸固定元素。
  4. 向上滚动直到显示选项卡。
  5. 也许你不能触摸固定元素。

你知道这个错误吗?

当我的笔上显示标签时,请尝试触摸。 http://s.codepen.io/geckotang/debug/yYZmoe

这是我无法触摸元素时的屏幕截图。

landscape mode

我的 friend 在 youtube 上记录了错误

另外这是我的代码。

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.fixed {
display: block;
position: fixed;
top: 0px;
right: 0px;
width: 100px;
height: 100px;
display: block;
width: 100px;
height: 100px;
background-color: tomato;
}
</style>
</head>
<body>
<a href="javascript: void(0);" class="fixed">link</a>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
The quick brown fox jumps over the lazy dog.<br>
...
</body>
</html>

最佳答案

我在 iPhone 6S Plus 上运行 iOS 9.3.1,也遇到了这个问题。在尝试了许多代码解决方法后,我无法解决此问题或找到解决方法。如上所述,只有当标签栏在浏览器上可见时才会发生,只要您向下滚动页面并且标签栏消失,渲染就会按预期进行。当您向上滚动到页面顶部时,触摸区域会向下偏移您之前向下滚动到的页面的量。

请注意,这不会影响屏幕元素在固定位置的可见渲染,只会影响与其关联的触摸区域。

关于位置为 : fixed; 的 iOS9 移动 safari 风景 css 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33765646/

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