safari 相关问题

我发现它无法在 Safari 中使用媒体查询更改 svg 颜色。在我的 svg 文件中，我有以下内联样式：我发现它无法通过 Safari 中的媒体查询更改 svg 颜色。在我的 svg 文件中，我有以下内联样式： <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="783px" height="427px"> <defs> <style> .logo { fill: #000; } @media (prefers-color-scheme: light) { .logo { fill: green; } } @media (prefers-color-scheme: dark) { .logo { fill: #FFF; } } </style> </defs> <text class="logo" kerning="auto" font-family='helvetica' font-size="833.333px" x="0px" y="428px">Q</text> </svg> 在我的html中： <img src="/mylogo.svg" className="logo" /> 在 Chrome 中，这是可行的。我可以在 DevTools 中模拟浅色和深色之间的配色方案，并且得到正确的颜色，但在 Safari 中这是行不通的。当我将首选配色方案模拟为深色模式时，页面将 svg 渲染为绿色，并且不会更改为白色。我怎样才能让它在 Safari 中正确渲染？示例代码 svg { width : 100px; height : 100px; background : lightblue; --st-color : red; } svg line { stroke : var(--st-color); } @media (prefers-color-scheme: light) { svg {--st-color : green; } } @media (prefers-color-scheme: dark) { svg {--st-color : orange; } } <svg viewbox="0 0 100 100"> <line x1="0" y1="80" x2="100" y2="20" stroke-width="4" /> </svg>

html css svg safari darkmode

回答 1 投票 0

如何删除ios模拟器safari缓存

我正在尝试在 iPhone 模拟器上测试一个网站，我做了一些 JavaScript 更改，并且我的 JavaScript 文件正在从缓存中加载。我用 safari web Inspector 看到了旧版本的文件，res...

ios xcode safari ios-simulator browser-cache

回答 2 投票 0

iOS 设备上 Safari 中的日期输入格式问题

我在 iOS 设备上的 Safari 中遇到了与输入类型“日期”相关的问题。当使用日期类型的输入字段时，Safari 的默认行为是显示日历选择器，其中日期

ios iphone safari datepicker calendar

回答 1 投票 0

单击按钮时出现不需要的蓝色选择突出显示（仅限 Safari）

我真的不确定该用什么标题来回答这个问题，所以我认为最好的解释方法是用一个片段： $(文档).ready(函数() { $(".navbar-toggle").on("点击", function () { ...

javascript html css safari navbar

回答 5 投票 0

iOS 移动设备全屏启用解决方法

我有一个网络应用程序，为了获得最佳用户体验，我需要隐藏移动 safari (iOS) 的工具栏。我知道许多网站使用高于屏幕尺寸的覆盖层和某种指示......

javascript ios mobile safari

回答 1 投票 0

Safari 网络检查器（CSS 编辑器）存在极大的 bug

Safari 的网络检查器（更具体地说是 CSS 编辑器）存在严重缺陷。在下面的示例中，我输入了 font-size: 0.8em;然后按回车键，但网站和我刚刚的代码没有任何变化

css debugging safari web-inspector

回答 1 投票 0

Mailto <a> 标签在某些 iPhone 的 Safari 上无法触发邮件应用程序

我的客户告诉我，他们及其网站的使用 iPhone 的访问者无法打开标签内的 mailto 链接。我的客户告诉我，他们及其网站的使用 iPhone 的访问者无法打开标签内的 mailto 链接。 <a href="mailto:+44123456789" title="E-mail"><span itemprop="email">[email protected]</span></a> 该链接应打开您的电子邮件应用程序或与 mailto 相关的任何行为。由于我没有 iPhone，所以我尝试了 Browswerstack。在此网站上https://www.rublanch.com/en页脚中的邮件：在 iOS 16.7.5（客户端的真实设备）上，单击不会触发任何内容。在 iOS 17 到 14 以及 Browerstack 上的 11 上，链接会打开邮件。在 iOS 12-13 上的 Browerstack 上，其行为类似于 1)。在 iOS 17.3 真实设备上，链接会打开邮件。事情变得更奇怪，因为设备 1) 可以在此处打开“向我们发送电子邮件”https://www.altabadia.org/en/tourist-office-badia.html 基本上使用相同的标签，我的只有标题属性。相同的链接在 Browserstack 上的设备 3) 上不起作用。这种行为的罪魁祸首是什么？我相信您的 href 属性应包含“mailto:[email protected]”。如果您需要一个号码，应该是href="tel:+44123456789"。您可以查看mailto以了解更多信息。 <a href="mailto:[email protected]" title="E-mail"><span itemprop="email">[email protected]</span></a>

html iphone safari

回答 1 投票 0

为什么 Safari 会扭曲 CSS 网格布局的背景大小计算？

使用 CSS 网格布局时，我在 Safari 中遇到背景大小计算问题。我有一个网格容器，其中使用背景图像设置了背景图像，并且我正在尝试...

html css safari

回答 1 投票 0

使用audioContext.decodeAudioData时Safari浏览器解码失败

我有一个 Vue JS 应用程序，在其中播放来自 Websocket 连接的音频流。音频流连续不断地进入，所以我实现了一个逻辑来播放 inc...

websocket safari vuejs3 audio-streaming web-audio-api

回答 1 投票 0

定位绝对表 safari / iOS

我有以下代码，在 Firefox 上运行良好，但在 Safari 上，忽略 tr 相对位置，并且 td 相对于 .container 而不是 tr 放置。容器 { 位置：