안녕하세요
모바일 해상도에서만 나타나게 하려고
아래처럼 적용했는데요
.css에 아래 내용 넣구요
@media (min-width: 767px) {
.okmenu {display:none;
text-align:center;
font-size:4.5em;
}
}
아래 내용은 출력 될 부분인데요
뭐가 문제인가요?
text-align:center;
font-size:4.5em;
위 부분이 먹히지를 않네요..
<div class="okmenu">모바일에서 나올 내용</div>
|
답변 1개 / 댓글 4개
채택된 답변
+20 포인트
6년 전
@media (max-width: 767px) {
.okmenu {display:none;
text-align:center;
font-size:4.5em;
}
}
max가 되야해요
답변에 대한 댓글 4개
6년 전
앗 display가 있었네요
<style>
.okmenu {
display:none;
}
@media (max-width: 767px) {
.okmenu {
display:block;
text-align:center;
font-size:4.5em;
}
}
</style>
<style>
.okmenu {
display:none;
}
@media (max-width: 767px) {
.okmenu {
display:block;
text-align:center;
font-size:4.5em;
}
}
</style>
6년 전
display:none; 을 하면 PC화면에서도 글자가 뜹니다..ㅡㅡ;
text-align:center;
font-size:4.5em; 이게 먹히지를 않네요..
text-align:center;
font-size:4.5em; 이게 먹히지를 않네요..
6년 전
답변을 작성하려면 로그인이 필요합니다.