Media Queries

CSS 초심자 참고 사이트

2023.06.01

CSS 초심자 참고 사이트 내가 CSS를 공부하면서 참고 했던 여러가지 사이트를 추천해보려고 한다. 아래 사이트에서 좋은 정보 얻어보자! easing animation 참고사이트 Ceaser CSS EASING ANIMATION TOOL 클릭 transform-function 참고사이트 mdn web docs / transform-fuction 클릭 CSS 애니메이션 참고사이트 animista.net 클릭 Media queries 참고 사이트 mdn web docs / media queries 클릭

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[HTML&CSS] Media Queries

2023.06.01

[HTML&CSS] Media Queries ( UPDATE 2023 - 05 - 31 ) Media Queries Media Query Media query는 반응형 웹을 만들 때 사용한다. (웹사이트를 보고 있는 사용자의 스크린 사이즈 기준) @media screen and (max-width: 0px) {} 을 이용하여 스크린 사이즈 별로 달라보이도록 만들 수 있다. - min 사이즈와 max사이즈를 조절하여 스크린 사이즈 별로 CSS 적용 device toolbar 브라우저의 개발자도구 inspect에서 device toolbar를 이용하여 기기 별 사이즈로 브라우저를 볼 수 있다. orientation: landscape 가로모드 적용 orientation: portrait 세로모드 적용 Me..

CSS 초심자 참고 사이트

[HTML&CSS] Media Queries

티스토리툴바