safari 相关问题

Safari是Apple的网络浏览器，是macOS和iOS上的默认浏览器。

有办法通过浏览器安装iPhone App吗？

有没有办法通过浏览器（在本例中为iOS Safari）安装iPhone应用程序？

iphone ios browser safari

回答 6 投票 0

音效无法在 iOS 或 iPad 上播放，但在所有其他设备和浏览器上正常

我们有一个反应网站，其声音效果会根据用户操作而播放。经过一番努力，它们终于可以在所有设备和浏览器上运行，包括 Android，但不能在 iPhone 或 iPa 上运行...

reactjs iphone audio ipad safari

回答 1 投票 0

Font Face 在 Safari 中无法完全正常工作

我正在使用 Font Face 属性，并且我已经在 Firefox、Chrome 和 Opera 中测试了它......它工作得很好。然而，当我在 Safari 和 Explorer 中尝试它时，它只适用于一条线，而不适用于另一条线这里...

css internet-explorer safari

回答 3 投票 0

接下来JS无法在Safari上播放MKV或AVI？

我目前正在网络浏览器上的 Next JS 中开发一个视频播放器，我可以在 Chrome 上播放我想要的任何内容，我目前正在使用react-player lib。但在 Safari 上，无法播放 MKV 或 AVI 视频。 D...

next.js browser safari avi mkv

回答 1 投票 0

IOS Safari 中的滚动问题

我有这个代码：测试测试<... 我有这个代码： <div style="height: calc(100vh - 200px); overflow: hidden auto;"> <div class="item">test</div> <div class="item">test</div> <div class="item">test</div> <div class="item">test</div> <div class="item">test</div> <div class="item">test</div> </div> 元素滚动仅适用于 Safari 移动版 (IOS)。它看起来像是溢出隐藏样式，但我检查了 Safari 并像在其他设备中一样应用了所有样式。所以样式可能一切都好，但它不起作用，我不知道为什么。我尝试了很多 CSS hack 来解决这个问题。如果元素滚动在 Safari 移动版 (iOS) 中未按预期工作，有一些常见原因可能会导致该问题。以下是一些可能的解决方案和需要检查的事项：检查 Safari 版本：确保您在 iOS 上的最新版本 Safari 上进行测试。旧版本的 Safari 可能存在错误或缺乏对某些 CSS 功能的支持。硬件加速：iOS 上的 Safari 可能会禁用具有某些 CSS 属性的元素的硬件加速，从而导致滚动问题。要启用硬件加速，您可以尝试将以下 CSS 添加到滚动容器： .scroll-container { 变换：translate3d(0, 0, 0); } 触摸滚动：确保元素启用触摸滚动。默认情况下，触摸滚动应该可以工作，但如果有冲突的 CSS 样式或 JavaScript 事件干扰它，它可能无法按预期工作。避免溢出剪切：确保没有具有溢出：隐藏样式的父元素可能会剪切可滚动区域。检查 .scroll-container 的整个祖先链，以确保它们都没有溢出：隐藏。检查 JavaScript 干扰：如果您有任何 JavaScript 代码处理触摸或滚动事件，确保它不会阻止默认行为或干扰滚动行为。内容大小：确保 .scroll-container 内的内容足够大以需要滚动。如果内容的高度小于容器的高度，则不会触发滚动。使用 -webkit-overflow-scrolling: touch;: 将以下 CSS 添加到 .scroll-container 以在 Safari 中启用平滑的触摸滚动： .scroll-container { -webkit-overflow-scrolling: touch;} 在其他设备上进行测试：如果可能，请在其他 iOS 设备和浏览器上测试相同的代码，以检查该问题是 iOS 上的 Safari 特有的还是更普遍的问题。如果尝试这些解决方案后滚动问题仍然存在，则可能是特定的样式组合或其他因素导致了该问题。在这种情况下，您可能需要进一步调查或考虑提供有关用于更详细分析的特定代码和样式的更多信息。已修复。它来自IOS版本。 IOS更新后这个问题已经解决。所以这不是代码级错误。

html css ios reactjs safari

回答 2 投票 0

CSS 文本装饰：<details><summary> 的下划线在 Safari 中不起作用

为什么CSS属性text-decoration:underline; 在 Safari 中不起作用？前缀 -webkit-text-decoration:underline;也没有帮助。它适用于所有其他（包括 o... 为什么 text-decoration:underline; 的 CSS 属性 <details><summary> 在 Safari 中不起作用？前缀 -webkit-text-decoration:underline; 也没有帮助。它适用于所有其他（包括旧的）浏览器。它可以在 Safari 中与其他选择器一起使用。如何让它发挥作用？已按照此处针对 Safari 新版本传达的内容进行修复：https://bugs.webkit.org/show_bug.cgi?id=261571

safari html-tag-details

回答 1 投票 0

一个部分容器的元素侵入并重叠另一部分

我创建了一个网站（www.btcatm.ru），在它的一个部分（桌面版本）中，我的容器的框元素侵入了与它重叠的下一个部分，但这似乎只发生在 Safari 上，因为你.. .

html css flexbox safari grid

回答 1 投票 0

伪背景叠加后在 Safari 中不显示

这只是 Safari 上的一个问题，不会在背景图像顶部显示透明叠加层，它在所有其他浏览器中工作正常。我查看了其他建议的问题，甚至尝试过......

html css safari pseudo-element

回答 1 投票 0

HTML 视频标签不适用于 Safari（尝试了几乎所有解决方案）

我正在尝试在我的项目中添加背景视频，直到一个月前一切都很好，之后我意识到 safari 不会播放该视频。我也没有问题，Safari 显示即时消息...