TOP 버튼 미디어 쿼리 적용
본문
현재 그누보드 basic 테마를 수정하고있습니다.
모바일에서 봤을때 TOP버튼의 크기가 매우작아
@media 쿼리를 이용해 일정픽셀 이하일때
버튼 크기를 키우고 위치를 수정하려고하는데
@media (max-width:650px) {
#top_btn {내용}
}
위와같이 입력하면 브라우저에서 창을 줄였을때 적용 됩니다.
그런데 개발자모드에서 toggle device toolbar 누르고 창크기를 바꿔보면 적용이 안되고
스마트폰으로 들어가서 봐도 적용이 안됩니다.
뭐가 문제인가요?
답변 1
반응형 테마 쓰시는 건가요???
반응형이 아니시라면
/theme/basic/css/mobile.css
안에 #top_btn {내용} 을 수정하시면돼구요.
반응형이시라면
extend/version.extend.php 안에
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
define('G5_JS_VER', '171222');
define('G5_CSS_VER', '171222');
?>
버전을 변경해 보세요.
이미 171222 라고 적혀있는데 현재 날짜로 변경 하는 건가요?
모바일버전은 사용안하고
config.php 에서 모바일 false 로 해놓고 미디어 쿼리로 수정하고 있어요
다른번호로 바꾸시면 됩니다. 171223 등등 으로
head.sub.php에서
if (G5_IS_MOBILE) {
....
} else {
echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;
....
}
위 와같이 뷰포트를 넣으니 해결됬네요.
친절한 답변 감사합니다~