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
- hover
- togle
- 밀리초
- scss
- margin
- absolute
- float : left
- Position
- transform
- setTimeout
- sass
- navbar
- input
- Carousel
- 레이아웃
- z-index
- bootstrap
- val()
- 이벤트 버블링
- JQuery
- form
- CSS
- position : fixed
- vw
- css animation
- css selector
- EventListner
- TRANSITION
- display:none
- animate
Archives
- Today
- Total
목록max-width (1)
Simple Is Best
[반응형 WEB Tip] : max-width
이번 포스팅은 짤막하게 Tip 형식으로 진행 하겠습니다. 기본적으로 반응형 웹을 만들때는 인터넷 창의 Size가 줄어듦과 늘어남에 대해서 고려를 해야합니다. 현재까지 공부한 바에 의하면 [반응형 웹]을 만드는 방법은 width 를 px 단위가 아닌 상위 태그의 %를 줘서 변화에 유동적으로 대응하게 하는 것 입니다. 아직 반응형 웹을 제대로 만들어 보지는 못했지만, 몇 가지 Tip 이 생겨서 본 글을 작성합니다. max-width : 최대 가로 폭을 결정 min-width : 최소 가로 폭을 결정 width를 설정 후, 해당 속성을 활용하면 창의 길이를 늘리거나 줄였을 때, 내가 원하는 박스 혹은 요소를 깨지지 않게 설정 할 수 있습니다.
HTML & CSS
2021. 7. 5. 22:27