我在定位 SPA 以使其适合移动设备（特别是 iphone X）时遇到问题。 该网站在地址栏后面延伸，而不是缩小以适应可见部分。 这是用户当前看到的内容： iphone X 网站扩展到地址栏下方/后面在整个应用程序上使用强力 80px 底部填充，您可以看到导航栏： 底部填充 80px 我在顶级 ...
我们有一个用 Angular 14 开发的 WebApp。它部署在 Azure Blob 存储（静态网站）上。 身份验证是使用 javascript 的msal 库完成的。 Azure AD B2C 用作身份提供者。 当我们注销时，我们调用msalService.logoutRedirect() ...
固定元素具有以下样式属性：position: fixed; top: 0; right: 0; 它应该保持固定在右上角，就像在桌面浏览器（Chrome、Safari）上一样。 但是在iOS Safari（16.1.1）上，滚动时，元素突然消失或跳动。 滚动后，它重新出现在正确的 position ...
我在我的网站上使用等宽字体作为美元符号，我得到了我在 chrome / windows 和手机上寻找的结果，但字体在 iOS 上呈现不同？ 为什么字体显示不同？ 有办法解决吗？ ...
我有一个自定义按钮组件，它在 hover 上使用 scale(value) 进行转换。 我使用这个按钮 2 次。 一个只有动态内容，没有任何 onClick 属性，例如 然后用 onClick 改一些 state 例如 在桌面上它工作正常，但在 safari 移动设备上，当 state 更改时，第二 ...
我的 NextJS 网站上有多个（香草）CSS 媒体查询。 媒体查询在我的桌面浏览器上运行良好，但当我在手机上打开网站时，媒体查询不起作用。 我已经检查了 caniuse.com，我正在使用的所有 CSS 属性都应该在 Safari 上为 iOS 工作。作为参考，我在我的 iPhone 上安装了最新 ...
单击行（tr）时，我试图获取 function 中表行的 ID。 我的代码适用于 PC Firefox、Edge、Chrome 和 imac Safari。 ***手机 iphone Safari 和手机 Firefox 为 $(this).attr("id") 返回未定义。 下面的代码针对该问题 ...
各种文本装饰属性在我笔记本电脑的 Chrome 浏览器中按照我希望的方式工作。 而不是我希望它们在 iOS 上的 Safari 中出现的方式（请注意，下划线颜色不是黄色，也不像上面那样粗）。 这是代码。 我正在为我的 CSS 使用 Tailwind。 我的 iPhone 运行的是 15.7.1 ...
我有一个带有一些文本和图标的基于 flex 的按钮。 在 iPhone 14 Pro Max 上，无论字体大小、字体类型和/或字数如何，文字都会过早换行。 貌似只包了最后一个字。 此问题出现在 iOS 16+ 但不低于。 在 BrowserStack 中测试过，无法弄清楚发生了什么。 iOS 16 ...
我有一个 web 应用程序在 Safari 上运行，在 iPad 上显示实时 WebRTC 视频 stream。当用户从 Safari 切换几秒钟，然后切换回来时， <video>元素只显示一个黑色矩形。 我已将日志记录添加到onsignalingstatechange处理程序，并在恢复 ...
我正在使用Base Web 。 我有一个带有子菜单的菜单。 它基于这个例子。 在桌面上它工作正常。 我打开菜单，在一个选项上输入 hover，然后出现子菜单。 但是，当我在 iPhone 上尝试时，我无法访问子菜单。 点击目标打开主菜单，但点击菜单项关闭主菜单。 我想，要解决这个问题，我必须将显示 ...
我正在使用ReactJS构建我的 web 应用程序，我想实现subscription页面。 我有一个简单的表单，其中包含 1 个输入 email、1 个国家/地区的 select 以及一个提交按钮作为输入。 我使用axios作为js和php之间的连接。 在我所有的 PC 和笔记本电脑上，表格都运行良 ...
我很困惑 Safari ITP 2.3 在某些方面是如何工作的，以及为什么网站不能轻易绕过它。 我不明白在什么情况下应用限制，确切的限制是什么，它们适用于什么，以及持续多长时间。 为了澄清我的问题，我将其分为几个案例。 我将参考 Apple 关于 ITP 2.3 [1] 的官方博客文章，您可以从中 ...
I am using JavaScript window.open() method to open new window inside of async function, it works well in IE, Firefox, chrome, brave but not working i ...
我有一个临时在droneard.de上运行的网站，其中包括一个 CSS 菜单（取自https://codepen.io/omar_anwari_/pen/WdBgBg ）。 此解决方案使用不可见的复选框。 现在我触发一个 JS 函数来更改我的内容包装器的不透明度，通过在我的按钮上使用 onchang ...
一开始我会创建一个持久的音频 object。 喜欢： 在运行中，我会多次调用audio.play() 。 一般来说，它工作正常。 但是在ios safari浏览器中，偶尔会出错。 显示GET <audio> error的错误消息。 喜欢： 获取 <audio> 错误图像所以 ...
我试图让我的网站适合我的手机屏幕。 我尝试了许多 env(safe-area-inset-bottom) 和 constant(safe-area-inset-bottom) 的变体，但都总是返回 0px（我一直在使用名为Inspect的应用程序在我的 iPhone 13 上调试 CSS） . 这 ...
我有一个网站似乎在 iOS 设备上崩溃，并显示错误消息“反复发生问题”。 我终其一生都无法弄清楚为什么。 我已经实现了延迟加载、缩小、缓存等。我尝试删除所有 CSS 但这并没有解决问题。 任何帮助将不胜感激。 我现在唯一能想到的是web页面太大（文件大小）。 有很多全屏图像等。您认为 iOS Saf ...
我是MDN的撰稿人， 在 WebGL 中的动画纹理文章中提出了一个关于代码演示的问题。 为了在这个问题中有一个独立的MRE ，我已将那篇文章中的演示代码复制到此处（如下）的可运行片段中。 该演示创建一个video元素，在其上设置autoplay属性，然后将该视频作为纹理叠加在 3D 旋转立方体上。 ...
在 macOS（和其他浏览器）上的 Safari 中，将oncopy处理程序添加到输入字段以获得一些未选择文本的自定义行为，但在 iPad 上的 Safari 上，按⌘+C时没有任何反应。 是否可以在 iPad 上的 Safari 上触发？ 这是一个不适用于手机 Safari 的简单示例： &l ...