Android 网站视图存在问题：桌面浏览器上未显示栏

Question

我对我创建的网站的 phone 视图有疑问。在经典桌面浏览器（使用 Chrome、Firefox 测试）上，我添加了获取响应行为：

<meta name="viewport" content="width=device-width, initial-scale=1">

不幸的是，与经典视图不同，Android 浏览器上的视图（也使用 Chrome 和 Firefox android 进行了测试），我有一个额外的水平灰色条出现在页面右上角（在主菜单“sciences-coding”上方，我不知道这个栏是从哪里来的？

在这里 [link][2] 您可以在 android 上更清楚地看到问题并将其与桌面浏览器进行比较：也许有人会在 Android（不知道iPhone上是不是也是这样）。

Answer 1

此问题与 Android 或 iOS 无关。它发生在所有设备中，因为它是 layout 问题。我在使用 Firefox 的 MacBook Pro 上看到了这个栏，例如：

然而，它看起来是一个滚动条，但它不是。它是由这个 HTML 元素生成的：

<div class="horizontal_column">

这些 CSS 规则适用于：

border-color: #000000;
border-style: solid;
border-width: 15px 0 0 0;

如您所见，通过更改这些规则，“假滚动条”发生了变化。