테스트 사이트 - 개발 중인 베타 버전입니다

모바일 해상도에서 폰트 사이즈 정렬이 먹히게 하려면요? 채택완료

행복의길 6년 전 조회 2,239

안녕하세요

모바일 해상도에서만 나타나게 하려고

아래처럼 적용했는데요

.css에  아래 내용 넣구요

@media (min-width: 767px) {  .okmenu {display:none;

    text-align:center;     font-size:4.5em;

     }

}  

아래 내용은 출력 될 부분인데요

뭐가 문제인가요? 

 

    text-align:center;     font-size:4.5em;   

위 부분이 먹히지를 않네요..

모바일에서 나올 내용
 

 

 

 

 

 

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
세크티
6년 전

@media (max-width: 767px) {  .okmenu {display:none;

    text-align:center;     font-size:4.5em;

     }

}

max가 되야해요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

행복의길
6년 전
max되면 모바일에서 사라집니다..min이 되야 모바일에서만 나옵니다..
세크티
6년 전
앗 display가 있었네요
<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; 이게 먹히지를 않네요..
세크티
6년 전
http://sekti01.sekti.net/test.php
소스보기 해보시면 위에 넣은 스타일이랑 태그만있습니다.
창줄이면 767밑일때만 okmenu만 뜨구요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인