그누보드 page 모바일 리사이징 문의 -도와주세여 ㅠㅠ
안녕 하세요 그누 왕초보 입니다..
라이브 스코어를 마이페이지로 아이프레임하여 불러 오는데...모바일 리사이징이 안됩니다.
정말 고수님의 도움이 절실 합니다... 인터넷으로 검색 하면서 하는데...정말 도와 주세요
</p>
<p><?php
/**
* page file : /theme/THEME_NAME/page/aboutus.html.php
*/
if (!defined('_EYOOM_')) exit;
?></p>
<p><style>
<?php if ($eyoom['is_responsive'] == '1' || G5_IS_MOBILE) { // 반응형 또는 모바일일때 ?>
<?php } ?>
</style></p>
<p>
<style>
.livecenter_tab_area { width:855px; }
.livesenter_tab { margin-bottom:0px; }
.livesenter_tab ul { width:855px; height:68px; }
.livesenter_tab li {position:relative;float:left;height:68px;font-size:10px;}
.livesenter_tab a { display:block; margin-right:-2px; width:73px; height:68px; background:url('<a href="https://image.named.com/score_web/namedscore/sp_tab_mod_daridari_v4.png')" target="_blank" rel="noopener noreferrer">https://image.named.com/score_web/namedscore/sp_tab_mod_daridari_v4.png')</a> no-repeat; text-align:center; }
.livesenter_tab a:hover { position:relative; z-index:10; }
.livesenter_tab a.on { position:relative; margin-right:0px; z-index:20; }
.livesenter_tab .tx { display:none; }
.livesenter_tab .game_num { position:absolute; top:6px; min-width:10px; text-align:center; left:30px; padding-right:5px; height:13px; font-size:10px; font-family:"Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", "나눔고딕", "Nanum Gothic" , "Nanum GothicOTF" ,Gulim,"굴림", sans-serif; font-weight:bold; background:url('/img/livecenter/sp_gamenum.png') no-repeat right -20px; color:#ffffff; }
.livesenter_tab .game_num em { display:block; padding-left:5px; height:13px; line-height:12px; background:url('/img/livecenter/sp_gamenum.png') no-repeat; }
.livesenter_tab .named a { width:105px; background-position:0 0; }
.livesenter_tab .total a { background-position:-85px -167px; margin-right:3px;}
.livesenter_tab .football a {background-position:-90px 0;}
.livesenter_tab .baseball a { background-position:-170px 0; }
.livesenter_tab .basketball a { background-position:-250px 0; }
.livesenter_tab .volleyball a { background-position:-330px 0; }
.livesenter_tab .icehockey a { background-position:-410px 0; }
.livesenter_tab .nfl a { background-position:-490px 0; }
.livesenter_tab .game a { background-position:-570px 0; }
.livesenter_tab .etc a { background-position:-650px 0; }
.livesenter_tab .multi a { background-position:-829px 0; }
.livesenter_tab .named a:hover { background-position:0 -90px; }
.livesenter_tab .total a:hover { background-position:-85px -257px; }
.livesenter_tab .football a:hover { background-position:-90px -90px; }
.livesenter_tab .baseball a:hover { background-position:-170px -90px; }
.livesenter_tab .basketball a:hover { background-position:-250px -90px; }
.livesenter_tab .volleyball a:hover { background-position:-330px -90px; }
.livesenter_tab .icehockey a:hover { background-position:-410px -90px; }
.livesenter_tab .nfl a:hover { background-position:-490px -90px; }
.livesenter_tab .game a:hover { background-position:-570px -90px; }
.livesenter_tab .etc a:hover { background-position:-650px -90px; }
.livesenter_tab .multi a:hover { background-position:-829px -90px; }</p>
<p>.livesenter_tab .named a.on { background-position:0 -90px; }</p>
<p>.livesenter_tab .total a.on { background-position:-85px -257px; }
.livesenter_tab .football a.on { background-position:-90px -90px; }
.livesenter_tab .baseball a.on { background-position:-170px -90px; }
.livesenter_tab .basketball a.on { background-position:-250px -90px; }
.livesenter_tab .volleyball a.on { background-position:-330px -90px; }
.livesenter_tab .icehockey a.on { background-position:-410px -90px; }
.livesenter_tab .nfl a.on { background-position:-490px -90px; }
.livesenter_tab .game a.on { background-position:-570px -90px; }
.livesenter_tab .etc a.on { background-position:-650px -90px; }
.livesenter_tab .multi a.on { background-position:-829px -90px; }</p>
<p>#hd ul, nav ul, #ft, ul ol, ul, li {margin:0;padding:0;list-style:none;}
.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}</p>
<p>.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} </p>
<p></style>
<div class="livesenter_tab">
<ul>
<li class="total"><a target="score" class="total" href="<a href="https://sports.named.com/major">" target="_blank" rel="noopener noreferrer">https://sports.named.com/major"></a> <span class="ic_dot"></span></a></li>
<li class="football "><a target="score" class="football" href="<a href="https://sports.named.com/soccer"><span" target="_blank" rel="noopener noreferrer">https://sports.named.com/soccer"><span</a> class="ic_dot"></span></a></li>
<li class="baseball "><a target="score" class="baseball" href="<a href="https://sports.named.com/baseball"></a></li>" target="_blank" rel="noopener noreferrer">https://sports.named.com/baseball"></a></li></a></p>
<p><li class="basketball "><a target="score" class="basketball" href="<a href="https://sports.named.com/basketball"><span" target="_blank" rel="noopener noreferrer">https://sports.named.com/basketball"><span</a> class="ic_dot"></span></a></li>
<li class="volleyball "><a target="score" class="volleyball" href="<a href="https://sports.named.com/volleyball"><span" target="_blank" rel="noopener noreferrer">https://sports.named.com/volleyball"><span</a> class="ic_dot"></span></a></li>
<li class="icehockey "><a target="score" class="icehockey" href="<a href="https://sports.named.com/hockey"><span" target="_blank" rel="noopener noreferrer">https://sports.named.com/hockey"><span</a> class="ic_dot"></span></a></li>
<li class="nfl "><a target="score" class="nfl" href="<a href="https://sports.named.com/football"></a></li>" target="_blank" rel="noopener noreferrer">https://sports.named.com/football"></a></li></a>
<li class="game "><a target="score" class="game" href="<a href="https://sports.named.com/lol"></a></li>" target="_blank" rel="noopener noreferrer">https://sports.named.com/lol"></a></li></a>
<li class="etc "><a target="score" class="etc" href="<a href="https://sports.named.com/starcraft"></a></li>" target="_blank" rel="noopener noreferrer">https://sports.named.com/starcraft"></a></li></a>
<li class="empty_tab"></li>
</ul>
</div>
<iframe name="score" scrolling="yes" frameborder="0" src="<a href="https://sports.named.com/major"" target="_blank" rel="noopener noreferrer">https://sports.named.com/major"</a> style="display:inline;border:none;height:1500px;width:100%;
padding-top:10px; position: relative; ; "></iframe>
<style>
.page-icon {
padding:0px 20px;
}
.page-icon img {
width:34px; border-radius:50%; margin-bottom:5px;
}
@media all and (max-width:480px) {
.responsive .page-icon { padding:0px; }
.responsive .page-icon .pull-right { float:none !important; }
}
</style></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
4년 전
실제로 어떻게 나타나는지 확인을 하려면 좌표가 필요합니다.
답변을 하기 위해서 이 코드로 웹 사이트를 만들어 보기는 힘들 것 같습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
답변대기
답변대기
채택
답변대기