Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- typescript
- 보안
- 알고리즘
- React Query
- 성장일지
- rust
- wil
- 성능최적화
- 프론트엔드
- 홋카이도
- naver
- 테스트 코드
- React
- 항해99
- 백준
- 개발 공부
- 자바스크립트
- 항해 플러스 프론트엔드
- 개발자
- 항해 플러스
- webGPU
- 개발공부
- GPU
- FE
- 항해플러스
- 회고
- 항해
- frontend
- 분기 회고
- javascript
Archives
- Today
- Total
느릿늘있
safari fit-content 이슈 본문
배경
크롬에서 Flex 태그 내에 이미지의 maxHeight을 "fit-content"로 설정
문제
사파리에서 maxHeight이 "fit-content"인 경우 자신의 비율을 유지하지 않고 부모의 비율에 맞게 확장(stretch)됨
해결
objectFit="contain"으로 수정
회고
간단한 UI라도 브라우저별로 테스트를 꼼꼼하게 수행하고 큰 의미 없는 css코드는 최대한 제거하자!
'삽질로그' 카테고리의 다른 글
| [ Vitest ] 테스트 코드 개선 경험 기록 (0) | 2024.11.04 |
|---|---|
| 클로저를 활용한 grid rowid 구현 (0) | 2024.10.12 |
| [JS] 배열 탐색 : forEach, filter, find (0) | 2023.11.29 |
| [개발 환경] WSL2 UNC 경로 에러 (0) | 2023.07.25 |
| [SQL] 쿼리문 변경을 통한 성능 향상 경험 (0) | 2023.06.13 |
'삽질로그' Related Articles
more
