반응형 css trick & base46 아이폰 ios 하단 여백 css 설정 padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom) 이게 최신버젼 요즘은 이거만 ---viewport-fit=cover">padding-bottom: calc( env(safe-area-inset-bottom) + 2.4rem);padding: 2rem 2.4rem calc(2rem + env(safe-area-inset-bottom)); https://velog.io/@leejpsd/CSS-%EC%95%84%EC%9D%B4%ED%8F%B0-%EC%95%88%EC%A0%84%EC%98%81%EC%97%ADsafe-area-%EB%8C%80%EC%9D%91-%EC%95%84%EC%9D%B4%.. 2024. 10. 1. 로컬피씨 모바일로 보기 포트번호는 페이지를 띄웠을때 나오는 포트번호111.111.0.00:1234 크롬 우클릭 큐알로 보기 포트번호 vscode 오른쪽 하단에 보면 보임 2024. 9. 29. 테이블 가로 자동 스크롤 .table-responsive {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}.table { border-collapse: collapse; width: 100%; } tablelayout:auto 기본상태.table th {padding: 5px 10px;} 글자긴거 기준으로 칸간격이 넓어짐 (한줄한줄한줄) 띄어쓰기 있으면 붙여쓴거 기준!!! (한줄 한줄 한줄) #1. tablelayout:auto (디폴트값 따로 설정하지않음)글자가 가지고 있는 넓이만큼 (테이블 위드값을 따로주지않고 안에 알맹이 넒이만큼) 넓이를 줄려면min-width: 100px;max-width: 100px;width: 100px;적용안됨 https://.. 2024. 9. 24. 모바일 스크롤 부모 overflow-x: auto; white-space:nowrap -webkit-overflow-scrolling: touch; => ios하위버전에서 가로스크롤리잉 안되는 이슈때문에 넣어줌자식 display: inline-block 2024. 9. 21. 아바타 겹치는이미지 https://apollo.primevue.org/apps/tasklist 2024. 9. 10. 레이어팝업 하단 고정 스크롤 https://homepage-mob.skcarrental.com/carList https://homepage-mob.skcarrental.com/carList homepage-mob.skcarrental.com1 display:flex; flex-direction:column2 height:auto; overflow-y: auto;3. padding: 10px 20px calc(env(safe-area-inset-bottom); 2024. 9. 4. 이전 1 ··· 3 4 5 6 7 8 다음 반응형
