<출처: 유튜브 언더월드UNDERWORD>
반응형 웹
- 화면 해상도에 따라서 가로폭이나 배치를 변경하여 디지인하는 방법입니다
미디어 쿼리
- 사용하는 기기에 따라서 style를 지정합니다.
<style type="text/css">
body{
background-color: skyblue;
}
@media only screen and (max-width: 1023px){
body{
background-color: pink;
}
}
@media only screen and (max-width: 600px){
body {
background-color: yellow;
}
}
</style>
</head>
<body>
<h1>미디어 쿼리</h1>
<br/>
<p>화면 넓이에 따라서 색상이 변경됩니다</p>
</body>
</html>- 최소 크기 일때
- 중간 크기 일때
- 최대 크기 일때
바다속 무너 개발자