모바일 메인 인덱스 관련 질문입니다.
관련링크
http://genozyme.com
161회 연결
본문
안녕하세요? 다름이 아니라 모바일 메인 인덱스 페이지를 다음과 같이 주었는데, 문제가 있어서 질문올립니다.
접속시 첫 화면 페이지의 높이를 스크롤하지않고 한 화면에 나오도록 설정하려면 어디를 만져야하나요? 모바일 뷰포트 기능을 여기저기 손봤지만 먹히질 않습니다.
아래는 모바일 메인 인덱스의 코드입니다.
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
?>
<style>
body {margin:0; padding:0}
ul {margin:0; padding:0}
li {list-style:none;}
.m_intro {position:relative; margin:0 auto; background:url('./theme/nongsan/mobile/shop/img/m_intro_bg.jpg') no-repeat; background-size:cover; width:480px; height:800px; }
.m_intro ul {width:225px; margin:0 auto; padding-top:580px}
.m_intro ul li {padding-bottom:15px;}
</style>
<div class="m_intro">
<ul>
<li><a href="http://www.genozyme.com/theme/nongsan/mobile/shop/main.php?device=mobile"><img src="<?php echo G5_THEME_MSHOP_URL; ?>/img/mbtn_korea.png" alt="KOREA" /></a></li>
<li><a href="http://www.genozyme.com/bbs/content.php?co_id=e_company&device=pc"><img src="<?php echo G5_THEME_MSHOP_URL; ?>/img/mbtn_english.png" alt="ENGLISH" /></a></li>
<li><a href="http://www.genozyme.com/bbs/content.php?co_id=c_company&device=pc"><img src="<?php echo G5_THEME_MSHOP_URL; ?>/img/mbtn_chinese.png" alt="CHINESE" /></a></li>
</ul>
</div>
답변 1
http://www.genozyme.com/theme/nongsan/mobile/shop/img/m_intro_bg.jpg 원 이미지를 줄이시구요
위에서 줄인 이미지 높이에 맞게
.m_intro {position:relative; margin:0 auto; background:url('./theme/nongsan/mobile/shop/img/m_intro_bg.jpg') no-repeat; background-size:cover; width:480px; height:800px; }의 800을 조절하세요
.m_intro ul {width:225px; margin:0 auto; padding-top:580px}의 580을 조절하세요
답변을 작성하시기 전에 로그인 해주세요.
