device width : 414pxdevice height : 846px 해상도 1440 * 2960 CSS media query@media only screen and (min-width: 414px) { /* Your Styles... */ } - mobile only@media only screen and (min-width: 414px) and (max-width: 767px) { /* Your Styles... */ } - Retina styles@media only screen and (-webkit-min-device-pixel-ratio: 3.5), only screen and ( min--moz-device-pixel-ratio: 3.5), only screen and ( -o-min-..
Viewport 정리 width : viewport의 width를 조정. 숫자값이 들어갈 수도 있고, device-width 와 같은 특정한 값을 사용할 수 있음. device-width - 100% 스케일에서 CSS pixel로 계산된 화면 width. height : viewport의 height( 세로 )를 조정. initial-scale : 페이지가 처음 로딩 될 때 줌 레벨 조정. 값이 1일때는 CSS pixel과 기기 pixel 간의 1:1 로 조절. minimum-scale : viewport의 최소 배율값, 기본값은 0.25. maximum-scale : viewport의 최대 배율값, 기본값은 1.6. user-scalable : 사용자의 확대/축소 기능을 설정, 기본값 yes.
- Total
- Today
- Yesterday
- IntrinsicElements
- Angular
- svg icon font
- 리프래시토큰
- 태그
- CSS
- Vue3
- 내장요소
- cordova
- vue-router
- JsDoc
- 앵귤러
- svg 폰트
- anime.js
- git
- react-router-dom
- 자바스크립트
- React.StrictMode
- Aptana
- Intrinsic
- 반복문
- RefreshToken
- 코도바
- 아이콘 폰트 만들기
- icon font
- for of 구문
- interceptors
- git checkout -b
- react
- svg모션
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |