【问题标题】:Border on top bar on mobile safari顶部栏 iOS Safari 上的边框
【发布时间】:2021-12-29 17:16:16
【问题描述】:

我正在尝试让我的网站正常运行,但我在 iOS Safari 上的顶部栏遇到问题。

有问题的网站是my personal site。到目前为止,我已经在 iPhone 11 Pro Max safari 上发现了这个问题,尽管我有理由相信它正在影响所有带缺口的 iPhone

有什么方法可以使用 css 或元标记来删除标题和顶栏之间的这条线。我还没有找到任何信息,到目前为止,我发现的唯一解决方法是将它变成一个网络应用程序。虽然我怀疑人们会为了避免这个问题而将我的网站添加到他们的主屏幕。

【问题讨论】:

  • 在我看来,您的期望是有缺陷的。如果我正在运行一个网站,我想知道它是一个网站。为什么我会因为查看您的页面而丢失电池状态信息?
  • @TimRoberts 抱歉,我在问题中犯了一个错误。我的意思不是直接顶栏。我的意思是顶部栏和似乎只出现在 iOS safari 上的标题之间的线

标签: html css ios


【解决方案1】:

您不能用 css 删除此行,它是让浏览器将顶部栏与您的网站分开。如果您的标题具有不同的背景颜色,您甚至不会注意到。看看这个(它是在带有缺口的 iPhone 上):

【讨论】:

  • 如何解决问题?
  • 每当有人访问您的网站时,Safari 都会使用content 中的颜色作为浏览器的主题。你不能删除它,只能给它你想要的颜色。比如黑色的<meta name="theme-color" content="#000000">
  • 我在回复中添加了其他内容,请查看。
  • 抱歉,我的问题措辞有误。我只是指发布的屏幕截图中显示的行。问题已更新以反映我的错误的修复
  • 没关系。我已经编辑了我的答案。请看一下。
猜你喜欢
  • 1970-01-01
  • 2017-10-15
  • 2022-06-29
  • 2018-07-20
  • 2018-09-10
  • 1970-01-01
  • 2017-05-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多