티스토리 뷰
/* Media Query for Mobile Devices */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
}
/* Media Query for 320px — 480px: Mobile devices */
@media only screen and (min-width: 320px) and (max-width: 480px) {
}
/* Media Query for 481px — 768px: iPads, Tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
}
/* Media Query for 769px — 1024px: Small screens, laptops */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
/* Media Query for 1025px — 1200px: Desktops, large screens */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
/* Media Query for 1201px and more — Extra large screens, TV */
@media only screen and (min-width: 1201px) {
}
'웹프로그래밍 > css' 카테고리의 다른 글
IE 10 이상 브라우저 미디어 쿼리 이용한 CSS Style 적용 (0) | 2021.12.28 |
---|---|
mobile chrome 에서 img width < 110px 자동 흐릿 blerry 처리 막기 (0) | 2016.05.02 |
Parallax (시차) 배경 (0) | 2015.07.19 |
pseudo-class :after로 전체 덮는 레이어 장막 만들기 (0) | 2015.01.15 |
CSS 구조 개선 방법론 (0) | 2014.12.16 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- git
- 워드프레스
- iis
- centos
- JQuery
- Prototype
- sencha touch
- PHP
- nodejs
- Android
- IOS
- API
- 안드로이드
- nginx
- IE
- 한글
- macos
- JSON
- ASP
- mssql
- iphone
- Docker
- CSS
- Wordpress
- laravel
- Mac
- Debug
- javascript
- classic asp
- Linux
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함