时间戳

首页 > 解决方案 > Samsung Internet (Chromium) 未正确显示网站顶部

android - Samsung Internet (Chromium) 未正确显示网站顶部

问题描述

如果我在这里访问我们的开发站点：https ://dev.inclineia.com/about-us/在大多数浏览器上一切看起来都不错。但是，如果我在适用于移动设备的三星互联网应用程序上打开它，深蓝色的导航栏会出现在浅蓝色页面标题的上方。我唯一能做的就是在移动设备上为页面标题添加上边距：

@media (max-width: 767px) {
   #page-title {
       margin-top: 90px;
   }
}

这当然会为 iPhone 等其他设备增加额外的空间。我也尝试使用clear: both导航栏和页面标题栏，但都不起作用。

我认为它可能与顶部的徽标有关，因为我正在使用这个 css：

#site-header .logo-position-center .site-title {
    display: inline-flex;
}

这是我能找到的使徽标显示在移动导航栏上方居中的唯一方法，但它可能会导致与页面标题发生冲突。

我发现测试它的唯一方法是在 chrome 中打开开发工具，单击切换设备工具栏并在屏幕顶​​部选择 Galaxy S5 作为我的设备。

iPhone 视图（正确）：https ://drive.google.com/file/d/1mXooWWWpbkVxT-zeMzZEAZmqC0Qdjk00/view?usp=sharing

Galaxy S5 视图（不正确）：https ://drive.google.com/file/d/1aR3GAglxHYhXtbo-KS0Z2p5nC7aDedWE/view?usp=sharing

当没有页面标题时，主页上的图片也会发生这种情况：https ://dev.inclineia.com/。这显然与标题区域有关。我试图为标题区域设置一个最小高度，但没有效果。

谁能帮我解决这个问题？

标签： androidcsssamsung-internet

解决方案

推荐阅读