问题描述
如果我在这里访问我们的开发站点: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/ 当没有页面标题时。这显然与标题区域有关。我试图为标题区域设置最小高度,但没有任何效果。
有人能帮我解决这个问题吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)