갤럭시
모니터가 밀도가높아지면서 권장도높아진다.
옛날에는 픽셀이 200개의 전구나마 너비
지금은 밀도가높음, 전구다마로는 작음.
CONTENT ="width= 360" : 화면을 360으로정하겠다. (기준밀도 1로했을때 너비), 실제장치의 너비
div style="width:200px" : 360을 기준으로했을때 200을 의미한다. 물리적인 200px은아니다.
비율로 표현하는 수치 :dp (밀도가 곱해진것)
밀도가낮은 디바이스로봤을때도 저 크기로 볼 수있다.
밀도가높다 : 전구다마가 작아짐(전구다마=픽셀)
전구다마에달리 원래 디바이스의 크기로 너비를 잡는다.
전구다마를 1로했을때를 표현
기준밀도를 표현해야 단일하게 적용 (화면크기를 기반으로 설정)
모바일용을 따로 만들어야한다.
'2021 Newlecture > HTML & CSS' 카테고리의 다른 글
| (모바일) 그리드내에서 아이템주식 정렬 align-items: center; 박스사이즈 유지box-sizing: border-box; (0) | 2021.05.06 |
|---|---|
| align-items: center/ margin-right: auto(여백나눠가지기) (0) | 2021.04.23 |
| 공지사항영역에 사이드메뉴겹치기 (0) | 2021.04.15 |
| 중첩flex일경우 flex-basis 주의 / 공통마진속성 집중화 / margin (0) | 2021.04.14 |
| 메뉴가로로 나열/ div 이름을 부여 ? HTML구조이용 ? / 버튼속성 집중화 (0) | 2021.04.13 |
| 인라인태그에서 범용도구 <span> /:root / 변수선언 (0) | 2021.04.12 |
| 테이블헤더 구분 이미지넣기 / first-child제외적용 / text-align: right; (0) | 2021.04.09 |
| 테이블 / white-space: nowrap; text-overflow: ellipsis /제목열만 왼쪽정렬하기 (0) | 2021.04.08 |