웹에서 모바일 화면 만들기

Question

안녕하세요웹페이지에서 모바일 화면을 그리려고 합니다다른분들 작업하시는 것 보면이런식으로 웹에서는 캔버스에 그리는 것처럼 만들어지고화면을 가로로 줄이더라도 가운에 캔버스는 줄지 않고 양 옆 백드롭만 줄어듭니다.그리고 핸드폰으로 화면 열었을때는 저 캔버스에 있는 화면만 꽉차게 나오구요위처럼 구현하고 싶은데 혹시 위 내용과 관련된 학습자료나 사이트가 있을까요?일단 div 두개로 위처럼 그림은 그려지는데핸드폰으로 보게되면 비율이 맞지않습니다 ㅠ 캔버스가 너무 커 전체축소를하면 아이콘이 줄거나 합니다.검색해보면 전부 viewport 쓰라는 것과 미디어 쿼리 두개만 나오는데위와 같이 구현할때도 미디어 쿼리로 웹일때는 사이즈 지정해주고 폰으로 들어올때는 꽉차게 나눠주면 될까요?알려주시면 감사하겠습니다.

열일하는 네오 · Answer

이거 말하시는건가요?

웹에서 모바일 화면 만들기

1개의 답변

Q&A 목록