-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
모바일에서 깨지는 문제
22.07.04 16:01 작성 조회수 143
0
안녕하세요, 선생님. 강의 정말 잘 듣고 있습니다. 좋은 강의 감사합니다.
다름이 아니라 수업 때 배운 내용을 적용해 세로로 빌딩같은 화면을 만들었는데 모바일에서 보면 제가 보이게 한 부분보다 넓은 부분이 보인달까요?ㅠㅠ 그래서 이런 경우는 이유가 뭔지 아니면 혹시 제가 뭘 따로 공부해야 할 지 조언해주시면 감사하겠습니다.
제가 만든 화면의 주소입니다.
http://52.78.25.55/02.html
혹시 문제시 삭제하겠습니다!
감사합니다.
답변을 작성해보세요.
0
1분코딩
지식공유자2022.07.21
#screen같은 부분에 width: 600px 이런 식으로 픽셀값으로 너비가 들어가 있는데요, 모바일에서는 이런 부분들은 다 제거해 주시는게 좋답니다. 컨테이너의 너비에 알아서 맞춰지도록요~
그리고 원래 하나의 코드로 모바일과 데스크탑 크기에서 딱 떨어지도록 만들기는 쉽지 않아서, 미디어쿼리를 이용해서 각 환경에 맞는 값으로 눈으로 확인해가면서 적용해주시면 될 것 같습니다.
답변 1