# 어떤 브라우저가 올바른 모바일 화면을 로드하나요?

**URL:** https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891
**Category:** Support
**Created:** [3월 7, 2026, 10:28오후 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891 "2026-03-07T22:28:39Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [3월 7, 2026, 10:28오후 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/1 "2026-03-07T22:28:39Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/0/8/1/081f52114d6f4a248365bf26f8c5e7b3d0c3d82b.png)

Edge, Firefox, Brave, Chrome를 모두 시도해 보았습니다. 하지만 어떤 브라우저에서도 올바른 모바일 뷰가 표시되지 않습니다. 모바일 드롭다운 메뉴를 수정하려고 하는데, 데스크톱 뷰 메뉴가 표시됩니다.

iPhone의 Safari와 Chrome에서는 올바르게 표시됩니다.

---

<div class="post-metadata">

### Author: ![ToddZ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/toddz/32/328350_2.png) [@ToddZ](https://meta.discourse.org/u/ToddZ)
#### Post date: [3월 8, 2026, 12:46오전 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/2 "2026-03-08T00:46:32Z")

</div>

보통은 URL 끝에 `?mobile_view=1`을 추가하는 방식이었습니다. Discourse는 뷰포트 크기에 기반한 반응형 디자인으로 전환되고 있으므로, 테마에 따라 이 오버라이드가 계속 작동하지 않을 수 있습니다.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [3월 8, 2026, 1:43오전 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/3 "2026-03-08T01:43:38Z")

</div>

> [@hipp0](#):
>
> 모바일 드롭다운 메뉴를 수정하려고 하는데, 데스크톱 뷰 메뉴가 표시됩니다.

`navigation menu` 사이트 설정을 말씀하시는 건가요?

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [3월 8, 2026, 2:24오전 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/4 "2026-03-08T02:24:37Z")

</div>

> [@ToddZ](#):
>
> 보통은 URL 끝에 `?mobile_view=1`을 추가하는 방식이었습니다.

아쉽게도 며칠 전에 그 기능이 제거된 것 같습니다:

> [@더 이상 모바일/데스크톱 레이아웃을 전환할 수 없나요?](https://meta.discourse.org/t/no-more-switchable-mobile-desktop-layouts/397463/10?u=darkpixlz):
>
> No, it’s not just removed from the sidebar. We have removed the underlying structure to toggle.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [3월 8, 2026, 3:09오전 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/5 "2026-03-08T03:09:21Z")

</div>

네, `?mobile_view=1`은 [레거시](https://meta.discourse.org/t/designing-for-different-devices-viewport-size-touch-hover-etc/367810)이며 비추천(deprecated)으로 간주됩니다 — 새로운 모바일 스타일링은 작년에 활성화되었습니다:

> [@system](#):
>
> ### 레거시 모바일 / 데스크톱 모드
> 
> 과거에 Discourse는 브라우저의 사용자 에이전트(user-agent)를 기반으로 “모바일”과 “데스크톱” 뷰에 대해 완전히 다른 레이아웃과 스타일시트를 제공했습니다. 개발자들은 특정 모바일/데스크톱 디렉토리에 CSS를 넣거나, `.mobile-view`/`.desktop-view` HTML 클래스를 사용하거나, JavaScript에서 `site.mobileView` 불리언 값을 사용하여 이러한 모드를 대상으로 설정했습니다.
> 
> 이러한 기술들은 이제 비추천으로 간주되며, 위에서 논의한 뷰포트 및 기능 기반 전략으로 대체되어야 합니다. 가까운 미래에 전용 모드를 제거할 예정이며, 하위 호환성을 위해 “모바일 모드”는 “뷰포트 폭이 `sm` 미만인 경우”의 별칭이 될 것입니다.

자신의 포럼에서 커스터마이징을 위해 무엇을 했는지는 정확히 알 수 없지만, 어떤 인스턴스나 기기에서도 이 문제를 재현할 수 없습니다. 안전 모드([safe mode](https://meta.discourse.org/t/53504?silent=true))에서는 그런가요?

 ![Screenshot 2026-03-07 at 7.07.32 PM](https://global.discourse-cdn.com/meta/original/4X/a/d/8/ad846886bc14f59617c00b7b1ed6f12ab94ac200.jpeg)

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [3월 8, 2026, 6:34오전 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/6 "2026-03-08T06:34:10Z")

</div>

Chrome에서는 모바일 뷰가 표시되도록 해결했지만, Firefox, Edge, Brave 브라우저에서는 아직 모바일 뷰가 표시되지 않습니다.

모바일 코드 전체에 Viewport break points가 필요한가요? 모바일 섹션에 배치해야 하나요? 제 모바일 CSS의 대부분은 색상 변경, 헤더 아이콘, 사이드바 너비, 이모지/폰트 크기 조정 정도입니다. 그래서 특정 viewport 설정이 필요하지 않을 것 같습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/f/5/bf58f9b7de9b3c45000b7c8ffa9a392cb944f79c.png)

필요했던 코드를 수정했습니다:

```plaintext
/* ==========================================================================
   MOBILE DROPDOWN MENU - ACTIVE STATE
   ========================================================================== */

/* 1. 활성 링크 텍스트를 검은색으로 강제 */
.d-modal__body .dropdown-menu li.active a,
.d-modal__body .dropdown-menu li.active {
    color: #000000 !important;
}

/* 2. 터치 전용 피드백 (Discourse 표준) */
html.discourse-touch {
    /* 손가락으로 누르고 있을 때 텍스트를 검은색으로 변경 */
    .d-modal__body .dropdown-menu li a:active {
        color: #000000 !important;
    }

}

/* 3. 다른 내비게이션 항목이 규칙을 따르도록 보장 */
.dropdown-menu li a {
    transition: color 0.1s ease;
}

```

Brave 브라우저에서 모바일로 올바르게 로드되지 않도록 간섭을 일으키던 @media CSS 쿼리가 몇 개 있었습니다.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [4월 7, 2026, 6:34오전 UTC](https://meta.discourse.org/t/which-browser-loads-the-correct-mobile-display/397891/7 "2026-04-07T06:34:21Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
