본문 바로가기

DIV태그1

도서 생활코딩 HTML+CSS+자바스크립트 - <미디어 쿼리> 반응형 웹이 있다. 화면은 항상 크기가 변한다. 같은 내용을 모니터로 볼 수도 있고 스마트폰으로 볼 수도 있다. 이 때 웹 페이지를 구성하는 요소들이 화면 크기에 맞춰 알아서 최적화되는 것을 반응형 웹이라고 한다고 한다(나도 공부하는 중이라 잘 모른다). 이런 반응형 웹을 위해서는 미디어쿼리라는 기술?방법? 아무튼 미디어쿼리가 필요하다. 오늘도 늘 그렇듯 '생활코딩! HTML+CSS+자바스크립트' 책의 에제를 따라가보자. 위의 코딩을 치니 화면에는 다음과 같이 표시된다. 원래 책에서는 한 줄 전체를 쓰도록 하였는데 display: inline;을 추가하여 자신의 부피만큼만 사용하도록 조절하였다. 특별할 것은 없다. Responsive에 아무 의미 없는 div 태그를 사용했고 거기에 내가 원하는 효과를 준.. 2020. 12. 15.

이전 1 다음

티스토리툴바