# 메타에서 일부 버튼이 비정상적으로 큼

**URL:** https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374
**Category:** Bug
**Created:** [3월 21, 2024, 3:36오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374 "2024-03-21T15:36:38Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![hello-smile6](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hello-smile6/32/304628_2.png) [@hello-smile6](https://meta.discourse.org/u/hello-smile6)
#### Post date: [3월 21, 2024, 3:36오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/1 "2024-03-21T15:36:39Z")

</div>

어떤 이유에서인지, 안전 모드에서도 일부 버튼이 비정상적으로 크게 표시됩니다. 하지만 이는 Meta에서만 발생하는 것 같습니다(다른 포럼에서 시도해 보았으나 문제를 재현하지 못했습니다).

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/c/0/1c06084746e1873f2be6a8b940f73d16fb9a0462.png)  
관련이 있을 수 있는 정보:

- 사용자 에이전트 문자열: `Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36`
- 정확한 웹 브라우저 버전: `119.0.6045.209`
- 기본 글꼴 크기(`chrome://settings/fonts`에서 설정): 12
- 최소 글꼴 크기(`chrome://settings/fonts`에서 설정): 0
- `글꼴 크기` 설정(`chrome://settings/appearance`에서 설정): `작게`
- 페이지 확대: 100%(확대 수준을 낮추거나 높여도 여전히 발생함)
- 디스플레이 크기: 1366x768

---

<div class="post-metadata">

### Author: ![HamMan2118](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hamman2118/32/383565_2.png) [@HamMan2118](https://meta.discourse.org/u/HamMan2118)
#### Post date: [3월 21, 2024, 5:41오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/2 "2024-03-21T17:41:49Z")

</div>

Windows 11에서 Google Chrome을 사용하여도 이 문제를 재현할 수 있습니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/0/3/4035a7794c26f13386aebfd7354f079021c5dcfc.png)

Chrome이 설치된 iPhone 13 Pro에서도 재현됩니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/f/d/cfd4c3d79bdfa9e8f30d39592d9386af920eb213.png)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [3월 21, 2024, 5:50오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/3 "2024-03-21T17:50:31Z")

</div>

리포트 감사합니다! 거의 확실하게 [UX: Make input sizing consistent across all browsers (#26159) · discourse/discourse@d0d4a36 · GitHub](https://github.com/discourse/discourse/commit/d0d4a363d4801a274caad50ffa509fc64740f238) 관련입니다 👀

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [3월 21, 2024, 5:50오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/5 "2024-03-21T17:50:58Z")

</div>

안녕하세요 👋

이 커밋과 관련이 있습니다. 언급하신 방법으로 브라우저 글꼴 크기를 변경하면 이 문제를 재현할 수 있습니다.

> <https://github.com/discourse/discourse/commit/d0d4a363d4801a274caad50ffa509fc64740f238>
>
> Previously we had an iOS-specific sizing rule which would increase inputs to \`1.…07em\`, which would bring them over the 16px 'zoom on focus' threshold in some (but technically, not all) situations.
> 
> This commit does two things:
> 
> 1. Updates the sizing rule from \`1.07em\` to \`max(1em, 16px)\`. Essentially: use the cascaded font size, unless it is smaller than 16px
> 
> 2. Applies that sizing rule on all platforms. This will make Discourse design/theming more consistent across different devices
> 
> It also removes some associated CSS rules which no longer make sense.

이유는 브라우저가 설정된 글꼴 크기를 모든 텍스트에 적용하기 때문입니다. 따라서 `max(1em, 16px)`이 정상적으로 작동하지 않습니다. 😕

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [3월 21, 2024, 6:00오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/6 "2024-03-21T18:00:14Z")

</div>

일단 해당 변경 사항을 되돌립니다 [Revert "UX: Make input sizing consistent across all browsers (#26159)… · discourse/discourse@8b935e5 · GitHub](https://github.com/discourse/discourse/commit/8b935e5b33326d9a0fe943c49781592533a27355)

---

<div class="post-metadata">

### Author: ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### Post date: [3월 21, 2024, 9:59오후 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/7 "2024-03-21T21:59:45Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/1/7/9/179354879bc204c4a8a16bcdff4a21e8695c6ea6.jpeg)  
피터 그리핀, 그의 CSS 블라인드가 난장판

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [3월 22, 2024, 8:00오전 UTC](https://meta.discourse.org/t/some-buttons-are-unusually-big-on-meta/300374/8 "2024-03-22T08:00:11Z")

</div>

이 주제는 14시간 후 자동으로 닫혔습니다. 새로운 답글은 더 이상 허용되지 않습니다.
