# 长Logo导致手机卡在桌面视图
**URL:** https://meta.discourse.org/t/stuck-in-desktop-view-on-mobile-from-long-logo/171649
**Category:** Support
**Created:** [2020 年11 月 29 日 19:01 UTC](https://meta.discourse.org/t/stuck-in-desktop-view-on-mobile-from-long-logo/171649 "2020-11-29T19:01:13Z")
**Posts on this page:** 4
**Page:** 1
### 作者：  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### 发布日期： [2020 年11 月 29 日 19:01 UTC](https://meta.discourse.org/t/stuck-in-desktop-view-on-mobile-from-long-logo/171649/1 "2020-11-29T19:01:14Z")
这或许被视为一个漏洞，但我不太确定。
我有一位用户在移动设备上被困在了桌面视图（他为何点击桌面视图，无人知晓），因为我们的长 Logo 将汉堡菜单挤出了屏幕。我在 Meta 上无法复现此问题，因为即使在桌面视图中，Logo 也能完美适配。
我可以告诉他通过更改 URL 来退出桌面视图，但在 Discourse 应用中这不可行。我可以暂时隐藏 Logo，以便他能切换回来，但尽管这是一个边缘情况，如果能有一个长期的实际解决方案那就更好了。
我尝试禁用了所有主题组件和插件，但仍能复现此问题。
---
### 作者：  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### 发布日期： [2020 年11 月 29 日 19:16 UTC](https://meta.discourse.org/t/stuck-in-desktop-view-on-mobile-from-long-logo/171649/2 "2020-11-29T19:16:00Z")
您可以将链接 [Nature Photographers Network](https://community.naturephotographers.network/?mobile_view=0) 添加到“社区”下拉菜单中（以返回移动视图）。
您可以通过主题组件从汉堡菜单中移除“桌面视图”选项。
我在想，如果先从 Discourse 应用中移除论坛，然后再重新添加，是否能解决当前的问题。
---
### 作者：  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### 发布日期： [2020 年11 月 30 日 15:27 UTC](https://meta.discourse.org/t/stuck-in-desktop-view-on-mobile-from-long-logo/171649/3 "2020-11-30T15:27:59Z")
> [@davidkingham](#):
>
> 我可以建议他更改 URL 以退出桌面视图，但在 Discourse 应用中无法实现。我可以暂时隐藏标志，以便他切换回来，但即使这是一个边缘情况，一个真正的长期解决方案还是很理想的。
是的，我同意，这需要在核心代码中进行修复。我认为最好的解决方案是在桌面布局下，针对小窗口尺寸（小于 768px）强制设置标志的最大宽度。
此外，复现此问题的最简单方法是使用浏览器的响应式设计模式，但不要使用移动用户代理。这将加载桌面站点，然后你可以将窗口大小调整为小尺寸。（下方示例来自 Safari。）
---
### 作者：  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### 发布日期： [2020 年11 月 30 日 16:29 UTC](https://meta.discourse.org/t/stuck-in-desktop-view-on-mobile-from-long-logo/171649/4 "2020-11-30T16:29:16Z")
谢谢 Penar，这给了我一个灵感：在桌面端视图中，当宽度低于 768px 时，将标志替换为移动端标志。类似的功能可能应该被纳入核心。谢谢！
```plaintext
@media only screen and (max-width: 768px) {
body {
.d-header #site-logo {
content:url("https://images.naturephotographers.network/original/2X/4/45d1b54bc00a5a737fae7dfe3d79b8d8dfd71729.png");
}
}
}
```