• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

모바일에서 깨지는 문제

22.07.04 16:01 작성 조회수 143

0

안녕하세요, 선생님. 강의 정말 잘 듣고 있습니다. 좋은 강의 감사합니다. 

다름이 아니라 수업 때 배운 내용을 적용해 세로로 빌딩같은 화면을 만들었는데 모바일에서 보면 제가 보이게 한 부분보다 넓은 부분이 보인달까요?ㅠㅠ 그래서 이런 경우는 이유가 뭔지 아니면 혹시 제가 뭘 따로 공부해야 할 지 조언해주시면 감사하겠습니다.

제가 만든 화면의 주소입니다.

http://52.78.25.55/02.html

혹시 문제시 삭제하겠습니다!

감사합니다.

답변 1

답변을 작성해보세요.

0

#screen같은 부분에 width: 600px 이런 식으로 픽셀값으로 너비가 들어가 있는데요, 모바일에서는 이런 부분들은 다 제거해 주시는게 좋답니다. 컨테이너의 너비에 알아서 맞춰지도록요~

그리고 원래 하나의 코드로 모바일과 데스크탑 크기에서 딱 떨어지도록 만들기는 쉽지 않아서, 미디어쿼리를 이용해서 각 환경에 맞는 값으로 눈으로 확인해가면서 적용해주시면 될 것 같습니다.