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

모바일버전에서 미디어쿼리 오류 채택완료

summer1 3년 전 조회 1,963

 

안녕하세요. 반응형 홈페이지 제작중입니다.

미디어쿼리로 작업하고 있는데, PC에서 스크린 사이즈 줄일 때는 잘 변화하지만

모바일 등의 다른 기기로 보면 미디어쿼리가 적용되지 않습니다.

 

원인이 뭔지 아시는 분 계신가요?

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

답변 5개

3년 전

주소창 접근을 http://domain.com/?device=mobile 처럼 하는 방법도 확인해보시고

기기도 여러기기를 테스트 해보는 방법도 확인해 보면 좋을것 같습니다.

그 기기만 문제인 경우도 있을수 있으니까요

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

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

기기에서 확인 전에  네이버웨일 브라우저에서 먼저 확인해보세요

네이버웨일 브라우저 우측상단에  메뉴버튼 누르면 

[모바일창]  실행메뉴가 있습니다

그곳에서 반응형으로  보이는지 확인해보세요

 

 

 

 

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

답변에 대한 댓글 1개

s
summer1
3년 전
브라우저에서 볼 때는 변경이 되는데 모바일 기기로 보면 변경이 안 돼요ㅠ

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

들레아빠

반응형이면 기기와 상관이 없어야 되는데 캐시가 문제일 것 같네요.

안되는 기기의 캐시를 완전히 비워 보세요.

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

답변에 대한 댓글 1개

s
summer1
3년 전
캐시 비우고 확인해도 적용이 안 돼서요...ㅠㅠ

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

3년 전

모바일 일때도 해당 css를 불러오는건 확인이 되신건가요?

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

답변에 대한 댓글 1개

s
summer1
3년 전
미디어쿼리 넣은 부분의 css는 안 불러와집니다 ..ㅠ

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

m
3년 전

/config.php 에서 

define('G5_SET_DEVICE', 'both');

define('G5_USE_MOBILE', true); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
 

여기를 

define('G5_SET_DEVICE', 'pc');

define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정

로 수정해보세요

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

답변에 대한 댓글 1개

s
summer1
3년 전
답변 감사합니다. 변경했는데도 적용이 안 되네요 ㅠㅠ

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

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

로그인