미디어 쿼리의 기준을 뷰포트말고 다른걸로 지정할 수 있나요?

Question

현재 PC에서 특정 컴포넌트를 모바일버전, PC버전으로 볼 수 있도록 하는 기능을 만들고 있습니다해당 컴포넌트에서 어떠한 버튼을 클릭하게 되면 모달이 뜨는데 모바일 버전으로 변경해도 절대적인 뷰포트의 변화가 있지않아서 해당 모달이 무조건 PC버전으로 나오게됩니다모달 컴포넌트는 미디어쿼리를 이용해서 768px기준 미만이면 모바일 형식으로 보이도록, 이상이면 pc버전으로 보이도록 설계되어있는데 그게 뷰포트의 가로길이가 아니라 부모태그의 width를 기준으로 둘 수 있는 방법은 없을까요??

고등어통조림 · Answer

https://ccuram.tistory.com/30뷰포인트에 and 등등으로 조건을 더 추가하면 될것 같기도 합니다

미디어 쿼리의 기준을 뷰포트말고 다른걸로 지정할 수 있나요?

1개의 답변

#width 목록