Viewport
디바이스 크기 기준 가로 또는 세로 사이즈
- vw (viewport width)
디바이스 가로 크기
- vh (viewport hight)
디바이스 가로 크기
별도의 공식이 없어 작업해야 한다.
예)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
16px ->1em / 32px ->2em / 64px ->3em
2rem ->32px root 따라 가는 형태
3rem ->64px
반응형에서의 장점 : 전체 변경가능
before, after
태그안에 자식태그 없이 css에서 자식태그를 만들수 있음
content안에 글자내용을 넣을 수 있으며 없으면 내용 비워두면됨
디바이스 크기 기준 가로 또는 세로 사이즈
- vw (viewport width)
디바이스 가로 크기
- vh (viewport hight)
디바이스 가로 크기
별도의 공식이 없어 작업해야 한다.
예)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
16px ->1em / 32px ->2em / 64px ->3em
2rem ->32px root 따라 가는 형태
3rem ->64px
반응형에서의 장점 : 전체 변경가능
before, after
태그안에 자식태그 없이 css에서 자식태그를 만들수 있음
content안에 글자내용을 넣을 수 있으며 없으면 내용 비워두면됨
#스타일시트 viewport