본문 바로가기
반응형

미디어 쿼리2

[CSS] 반응형 웹과 미디어 쿼리 Preface 이번 장에선 반응형 웹을 만드는 방법을 공부했다. 내용이 워낙 많아 공부할 때도, 블로그를 작성할 때도 시간이 오래 걸렸지만, 내용 자체는 한 번 읽어보면 충분히 이해할 수 있는 내용들이라 어렵지 않게 진도를 나갈 수 있었다. 이번 장을 마지막으로 책에 있는 CSS의 모든 내용을 끝냈는데, 후반부의 내용들은 아직 익숙치 않아 CSS를 사용하여 막힘 없이 원하는 웹 페이지를 제작하려면 시간이 조금 걸릴 것 같다. 주변에서 웹 공부가 프로그래밍 언어나 DB 공부보다 훨씬 재밌다는 이야기를 많이 들었는데, 나는 잘 모르겠다. 확실히 난이도 자체가 쉽긴 하지만, 난 아무래도 백엔드 영역 공부가 훨씬 흥미롭고 재미있는 것 같다. 1. 반응형 웹 알아보기 - 반응형 웹 디자인: 웹 요소를 화면 크기에.. 2022. 8. 3.
전자기기의 스크린 정보(미디어 쿼리 구문) 최근에 출시된 전자기기의 화면 크기, 뷰 포트 크기, 해상도 등 미디어 쿼리에 필요한 정보를 제공하는 사이트 https://yesviz.com/devices.php Viewport Size, Resolution, Screen Sizes, CSS PPI and CSS media queries for popular Devices | YesViz A Useful database contains Viewport Size, Resolution, Screen Sizes, CSS PPI and CSS media queries for popular devices including phones, tablets, smart watches and laptops. yesviz.com 2022. 8. 1.

티스토리툴바