사이트가 반응형으로 제작이 되어있는데
모바일에서는 사이즈가 안맞아서 미디어쿼리를 달아보라는데
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>mediaquery</title>
<style>
div{
border: 10px solid green;
font-size: 60px;
}
/*
screen width >= 800px
*/
@media(min-width:800px){
div{display: none
}
}
</style>
</head>
<body>
<div>
Responsive
</div>
</body>
</html>
이 구문을 달아볼려 하는데 달아야하는 위치를 모르겠어서요 ㅠㅠ
어디에 붙어야 하는지 좀 알려 주세요 부탁드립니다...ㅜㅜ
|
답변 1개
채택된 답변
+20 포인트
2021-10-14 (목) 13:59:54
작성하신 코드는 정상적인데 미디어쿼리를 원래 사이트에 적용을 하고 싶으시단 말인가요?
Copy
@media(min-width:800px) {
div{ display: none }
}원래 사이트가 반응형으로 되어있다면 위와 유사한 미디어쿼리를 찾으시고
조정하셔야될 것 같습니다.
위치는 스타일시트(css) 로 따로 만들어져있을 수도 있고
본문에 <style></style> 사이에 있을 수도 있습니다.
원하시는 곳에 넣으시면 됩니다.
답변을 작성하려면 로그인이 필요합니다.