CSS#생활코딩#codestates#@media#mediaquery#responsiveapp#반응형앱1 CSS-media query(responsive app)(반응형 앱) codestates 강의에서 media query 개념이 나왔는데, front-end 개발자가 되려면 꼭 알아야 하는 개념이라고 한다. media query는 요즘처럼 인터넷을 컴퓨터, 스마트폰, 테블릿 기기로 볼 수 있으며, 각각의 화면의 크기는 다르다. 화면 크기에 따라 web의 화면 상태가 변화하는 개념이다.(생활코딩의 예제를 활용) 크롬 개발자도구 console에서 화면의 크기를 확인 할 수 있는데, 지금의 화면의 크기는 1091px x 981px이다. console의 창 크기를 조절해보면 화면의 크기를 나타내는 px 단위의 화면크기 표시를 볼 수 있다. 코드를 실행 시키고, 화면의 크기를 확인 했을 때, 776px x 848px이다. 여기에서 가로의 px이 700px 이상일 때, border b.. 2020. 7. 21. 이전 1 다음 반응형
