이슈
width: fit-content; 를 통해 CSS를 작성했는데 PC에서는 이상이 없다가 IOS에서 확인을 하니 적용이 안되어 다르게 나타났다.
원인
크롬 46 이하 버전, 인터넷 익스플로러나 엣지, IOS에서 width:fit-content가 안될 수 있다고 한다.
해결
width:auto; 를 사용하여 조절하거나 (auto의 경우 display: inline-block;을 같이 사용해야한다.)
같은 역할을 하는 display:table; 를 사용하면 모든 버전에 적용된다.
width: fit-content; working on Chrome but not explorer
I built an app and everything is displayed perfectly in Chrome, but if I open the app in Windows Explorer the containers are smaller than they should be. I'm using width: fit-content. Is this some...
stackoverflow.com
'HTML & CSS' 카테고리의 다른 글
| [HTML] 카카오톡 오픈그래프(og) 이미지 안 뜨는 오류 해결 (0) | 2024.08.30 |
|---|---|
| [CSS] 이미지 드래그, 선택 막는 방법 (0) | 2024.02.16 |
| [css] background image hover시 확대하기 (0) | 2023.07.28 |
| [CSS] ellipsis('...') 나타내는 방법 (0) | 2023.07.26 |
| [css] SVG 사용 방법 (0) | 2023.07.20 |
