일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Gradle
- elasticsearch
- ubuntu
- redis
- springboot
- AWS
- jsp
- tool
- laravel
- devops
- Design Patterns
- Web Server
- java
- linux
- Oracle
- Spring Batch
- 요리
- Spring
- MySQL
- IntelliJ
- 맛집
- php
- it
- db
- javascript
- jenkins
- Git
- JVM
- ReactJS
- Spring Boot
Archives
- Today
- Total
아무거나
미디어쿼리 반응형 웹 해상도별 처리 본문
반응형
/* mobile */
@media all and ( min-width: 390px ) and ( max-width: 1024px ) {
/* all device */
.new-wrap-write li {width:24.3%;}
}
@media all and ( min-width: 360px ) and ( max-width: 640px ) {
/* galaxy s5 */
.new-wrap-write li {width:23.8%;}
}
@media all and ( min-width: 768px ) {
/* tablet */
.new-wrap-write li {width:24.3%;}
}
@media all and ( min-width: 320px ) and ( max-width: 568px ) {
/* iphone 5 */
.new-wrap-write li {width:23.6%;}
}
반응형
'Javascript & HTML & CSS > CSS' 카테고리의 다른 글
ul li 가로정렬로 메뉴만들기 (0) | 2019.12.26 |
---|---|
모바일 스크롤바 항상 보이게 하기[ios 이슈] (0) | 2019.12.26 |
select box 디자인 화살표적용 css (0) | 2019.12.26 |
Comments