PC, 모바일 화면 크기 정보 확인 사이트
https://www.mydevice.io/ 실제 표현되는 가로, 세로 크기나 pixel-ratio 등을 확인 가능하다.
css
[CSS] 요소를 비율로 사이즈 적용하기
위와 같이 있을 때, 아래와 같이 CSS를 적용한다.
[SCSS] 반응형 미디어쿼리 mixin을 이용해서 조금 더 쉽게 사용하기
두 파일을 만들어서 한 파일에는 반응형 기준을 저장하고, 다른 한 파일에서는 import로 불러와서 사용하는 방식이다.
[CSS] IOS 사파리에서 position:fixed 비정상 작동할 때
위 소스를 사용하면 된다고 한다. 아직 테스트는 해보지 않았는데 차후 사용해봐야 겠다.
[CSS] 두 point 사이의 선 그리기
길이와 각도는 javascript나 기타 사용하는 언어로 계산해서 적용한다.