미디어쿼리1 css 반응형 웹 만들기 css파일에 미디어쿼리 적용하기 @media only screen and (min-width:100px) { } 컴퓨터 화면에 적용 : screen 속성 설정 : (min-width or max-width) /* test.css */ html, body, div{ width: 100%; height: 100%; } @media screen and (max-width:500px){ body { display: flex; flex-direction: row; } #test1 { background-color: antiquewhite; } #test2 { background-color: red; } #test3 { background-color: blueviolet; } } @media screen and (.. 2021. 6. 6. 이전 1 다음