기록의 힘

CSS의 뷰포트 단위(svh, lvh, dvh)로 UI 표시에 맞춘 스타일을 적응시킨다.기존의 브라우저 크기에 맞춘 단위로 vh와 vw를 사용해왔지만 실제로 iOS에서 확인했을 때 화면이 덜컹거리고 스크롤이 생기는 등 UI가 어긋나는 현상이 발생했다.  이를 방지할 수 있는 방법이 있는데,  CSS Values ​​and Units Module Level 4 (6.1.2.1. The Large, Small, and Dynamic Viewport Sizes) 에서 추가된 새로운 단위 'sv*/lv*/dv*'를 사용하여 UI의 표시에 근거한 스타일 의 지정을 할 수 있다고 한다. 1. sv*: Small Viewport(소형 뷰포트)UI(툴바, 주소 바 등)가 표시되었을 때의 viewport의 크기.2. l..

출처:https://backendcode.tistory.com/171 이유: 이전에 사용한 CSS를 브라우저가 캐시에 보관해놓고 사용하기 때문에 링크된 CSS의 변화점을 기억하지 못하는 것이라고 한다. 해결법: 2가지 방법1. 링크 뒤에 after추가하기 추가했더니 변경 내용이 적용됐다. 방법2. 브라우저 캐시 삭제하기 쿠키 및 기타 사이트 데이터 삭제하면 된다. 자세한 건 출처 블로그 참고하기 ?after가 뭔지 구글링으로 안나오길래 챗gpt한테 물어봤음. after와 캐시삭제 중 뭐가 좋은 방법인지 물어봄..