화면에 width/height 100%로 채우기 css
화면에 100%로 채우기 css.target{ max-width:none; max-height: 100%; min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translateX(-50%) translateY(-50%); /* 만약에 다른곳에서 상속되어 width/height가 설정된다면 아래처럼 덮어씌우자. width:auto; height:auto; */ } /*16:9의 비율로 와이드 화면이 된다면 아래처럼 미디어쿼리로 값변경*/ @media (min-aspect-ratio: 16/9){ .target{max-height: ..
Programming language/HTML & CSS
2017. 8. 11. 12:56
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Aptana
- 아이콘 폰트 만들기
- RefreshToken
- 내장요소
- interceptors
- IntrinsicElements
- 리프래시토큰
- 코도바
- 앵귤러
- react
- JsDoc
- git checkout -b
- Vue3
- React.StrictMode
- 반복문
- cordova
- svg모션
- 태그
- vue-router
- 자바스크립트
- Intrinsic
- icon font
- for of 구문
- anime.js
- git
- Angular
- svg icon font
- react-router-dom
- svg 폰트
- CSS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함