[css] display: flex 사용시 크기 줄어드는 것 방지하기!

ch9eri·2023년 1월 26일
0

html/css

목록 보기
6/6

모바일 css를 다루다가 화면이 작아지니까 display:flex를 적용한 개체가 양옆으로 줄어드는 문제가 생겼다.

이렇게 ...

방법

  1. 부모 요소에 flex 지정
display: flex;

2. ✨ 자식 요소 (크기가 작아지지 않았으면 하는 개체)에

flex-shrink: 0;

flex-wrap, overflow hidden 등등 별 방법을 다 써도 안 되는 것이 이거 하나로 해결

짠~ 모바일이라 옆으로 스크롤을 넘길 수 있게 해두었다~

profile
잘하자!

0개의 댓글