본문 바로가기

전체 글69

모바일 주소영역 색깔 meta name="theme-color" content="#081c31">  주소, 상단영역에 색깔 줄수있음  https://yeoulmok.imweb.me/ 여울목펜션가평군 여울목펜션입니다.yeoulmok.imweb.me 테일윈드로 만들어짐 https://stackoverflow.com/questions/26960703/how-can-i-change-the-color-of-header-bar-and-address-bar-in-the-newest-chrome-ve 2024. 10. 8.
하단 네비게이션 fixed 커리어 홈 - 사람인 (saramin.co.kr) 커리어 홈 - 사람인커리어를 위한 모든 것 | 커뮤니티, 현직자 1:1 멘토링 매치, 커리어 진단, 직무별 맞춤 클래스, 취업 정보 공간 카페인까지 커리어에 필요한 모든 것을 한 곳에서 만나보세요!m.saramin.co.kr 부모에 padding-bottom 없이 영역의 길이가 유동적이지 않을때 고정형으로 쓸 수 있다 부모 => 영역을 가진다 .wrap_bottom_menu {     position: relative;     width: 100%;     height: 56px; } 자식 .wrap_bottom_menu .inner {     position: fixed;     bottom: 0;     z-index: 700;     width: 1.. 2024. 10. 3.
아이폰 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.