728x90

2024/09 3

모바일 상단바(주소창) 문제 해결하기

데스크탑의 개발자 도구에서 가상 모바일 기기로 테스트하면 레이아웃이 깨지지 않는데, 실제 모바일에서 테스트하면 잘되지 않는 경우가 있다. 이러한 이유는 크롬 브라우저 기준으로 상단바(주소창)이 스크롤하면서 자꾸 움직이기 때문이다. 상단바가 움직이면 레이아웃이 맞다가도 틀어지는 경우가 있다. *{ margin: 0; padding: 0; box-sizing: border-box;}html, body{ scroll-behavior: smooth; width: 100%; height: 100%; position: fixed; /* for mobile to fix screen and prevent address bar moving */ inset: 0; overf..

프론트엔드/CSS 2024.09.22

현재 디바이스가 모바일인지 아닌지 검사하기

https://stackoverflow.com/questions/3514784/how-to-detect-a-mobile-device-using-jquery How to detect a mobile device using jQueryIs there a way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handh...stackoverflow.com var isMobile = false; //initiate as false// device ..

728x90