문제와 해결/css9 화면 축소 시 가로스크롤 없이 축소되게 하는법 1. 최상위 태그 (body)에 width:100% / min-width 속성에 최소 유지할 사이즈 지정 2. 각 섹션에 width:100% 주기 3. 각 섹션 속에 있는 요소들을 묶어 주는 태그 만들기(wrap 같은거) 4. wrap 태그에 max-width 로 가로 픽셀값 입력 (중앙정렬 위해 margin:0 auto 추가 ) body{ width:100%; min-width:1020px; margin:0 auto; } 2022. 6. 16. nth-child,nth-of-type 과 display:none 구조의사클래스( nth-child,nth-of-type )는 1. display:none; 을 인식하지 못한다. 2. 태그만 인식한다. (class,id 따로 설정해도 인식하지 못한다.) 2022. 5. 19. %와 vh,vw 차이(가로스크롤 문제) vh,vw : 스크롤바를 포함한 넓이 (가로 스크롤바 발생) % : 스크롤바를 제외한 넓이 (스크롤바 생기지 않음) https://graykick.tistory.com/8 [wed][HTML/CSS] vh/vw와 %의 차이 vh / vw와 %의 차이 요약 : vw와 vh는 스크롤바 포함, %는 미포함 안녕하세요. 부끄럽지만, vh/vw라는 css단위를 최근에서야 알게 되었습니다. 기본적으로 vh와 vw는 각각 view port의 높이와 너비를 의미 graykick.tistory.com 2021. 12. 15. 부모에 상관없이 width 100% 주기 width 100%적용할 자식 요소에게 아래의 속성 추가 width: 100vw; margin-left: calc(-50vw + 50%); https://skout90.github.io/2017/09/01/CSS/full-width-ignore-parent/ 2021. 11. 16. 이전 1 2 3 다음
