04/15 HTML/CSS 메인부분 스타일링, 모바일페이지(viewport)

오른쪽사진처럼 만들기

 

 

 

 

포지션 설정해주어서 오른쪽으로 보냄

 

 

 

 

top줘서 위치 맞추기

 

 

 

폼은 혼자 만들어보도록하자

 

 

 

ㅜㅜ망했다

 

 

 

 

 

 

 

 

 

 

모바일 페이지 만들기

 

 

 

 

디스플레이의 최소단위가 픽셀인데 모바일은 픽셀 사용 안하고 dp로 쓴다 -> 밀도가 곱해진 것

 

html에는 밀도를 사용할수 없다

웹에서는 이걸 표현하기 위해 viewport 사용

 

 

 

우리가 만드는 페이지는 굉장히 크다 -> 모바일은 큰 화면을 보여주려고 하면 너비를 맞추기 위해 크기를 줄일것이다 

 

 

 

 

영역에 맞춰서 출력하겠다 , 화면에 보이는 영역 -> viewport

 

픽셀을 쓰면서 밀도를 곱하지 않으면서 화면에 매칭하는 방법 

 

다음시간에...