모바일과 PC에서 자동으로 화면 크기조절이 안됩니다..

Question

안녕하세요 모바일 친화적인 웹페이지를 만들어보려하는 초보입니다. 6개 짜리 칸을 가지는 테이블을 웹에 띄우는데, 이 경우 웹에는 6개가 1열로 나와보이지만모바일웹에서는 5개 나오고 한칸이 밑으로 가는 상황입니다.. <meta name&#61;&#34;viewport&#34; content&#61;&#34;width&#61;device-width, initial-scale&#61;1.0&#34;/> 이런 뷰포트를 쓰면 자동으로 너비에 맞게 조절된다고 하던데 전혀 동작을 안하는 느낌입니다. 초보에게 간단한 팁을 부탁드려도 될까요? 화면은 아래와 같습니다..

ondaa · Answer

음 이건 그거 아닌가요 ?? 웹에서 보는 UI 를 모바일에서도 1:1 배열로 맞춰주는 ?? 테이블의 width 를 % 로 맞춰서 다시 해보세요. 반응형으로 만드시는거면 &#64;media 를 사용하시는것도 좋을 것 같습니다. 아 그리고 다음에 질문 하실때 레이아웃 같은경우에는 사진도 같이 올려서 설명해주시면 더 좋겠네요 ^^

정진 · Answer

// node 님의견처럼 @media를 써봤습니다.근데 적용이 안되는거 같아요 ...css .heml

이런식으로 되어있습니다.

ondaa · Answer

https://codepen.io/demnodey/pen/KQGMjQ 예제 만들어봤습니다. 도움이 되셨으면 하네요

정진 · Answer

//node 님 관심가져주셔서 감사합니다.잘 되지는 않네요 ㅠㅠ 더 공부하고 해결해 보겠습니다

모바일과 PC에서 자동으로 화면 크기조절이 안됩니다..

4개의 답변

#pc 목록