2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
안녕하세요 해당 포트폴리오 과제를 제작중에 든 궁금한 사항입니다.
강사님께서 이전 강의의 미디어쿼리 관련 내용을 강의하실 때 주로 사용하시는 미디어쿼리 width는 1200, 768이라 하셨는데
해당 과제의 '2. 휴대폰 사진은 모바일로 축소 시 사진처럼 글자 밑에 위치해야합니다. ' 의 경우 뷰포트가 500px 아래로 떨어지고,
'크롬 개발자도구 > 기기 모드' 에서 모바일 버전으로 보게 되면 (모바일M 기준 뷰포트 375px) 아래 이미지들과 같이
요소들의 크기에 의해서 레이아웃이 붕괴되고 이미지가 아래로 내려가게 되는데
1. 해당 과제의 경우 '기기 모드'에서 확인해서 동일한 결과가 나와야 하는지, 혹은 정해놓은 미디어쿼리 기준으로 진행하는지(현재 max-width: 768; 로 진행중입니다.)
2. 실제 현업에서는 '기기 모드'에서 확인하는 뷰포트 사이즈를 모두 세분화해서 프로젝트를 진행하는지, 그냥 뷰포트 1200, 768로 진행하는지
위의 두가지가 궁금합니다!
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.