Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- rn
- 빌딩 블록
- js
- 불변식
- 비동기
- sharedvalue
- rniap
- IAP
- BOUNDED CONTEXT
- Expo
- Aggregate
- PR
- 데이터 로드 #텍스트 분할
- 정처기 자격
- react natvie
- 타입스크립트
- 디프만 #디프만17기 #depromeet
- React Native
- ui thread
- typeScript
- TS
- 정처기 준비물
- in app purchase
- 정보처리기사
- HTML
- 애그리게이트
- 이펙티브 타입스크립트
- nextJS
- DDD
- 속도개선
Archives
- Today
- Total
목록Media Queries (1)
nika-blog
반응형 CSS
안녕하세요. 오늘은 반응형 웹개발에 대해서 작성해 보려고 해요. 요즘, 워낙 다양한 크기의 기기들이 많아서 반응형 웹개발은 필수가 되었는데요, 다양한 요소가 필요하지만 주요 CSS 속성으로는 다음과 같은 것들을 활용할 수 있습니다. %자주 사용하는 것으로 % 가 있는데요, 기억해야 할 것은 %는 부모 컨테이너의 영향을 받기 때문에,100% 라고하면, 부모 컨테이너의 100%가 되는 것입니다. vh대신, vh 라고 하면 화면의 높이를 의미하는 것이기 때문에, 100vh 라고 하면 전체화면의 높이가 됩니다. 이 밖에도 flex gird, flex box, vw 등을 사용할 수 있습니다. 화면 크기에 따라 박스 배치를 바꾸고 싶다면 Media Queries를 사용할 수 있는데요, 보통은 3가지 크기에 ..
FE/CSS
2021. 9. 2. 09:15