저는 웹 사이트에서 일하고 있습니다.하지만 클라이언트가 ipad 호환성을 묻는 것은 처음입니다. 그래서 나는 평소와 같이 일하기 시작했지만 ipad에서 결과를보기 위해 올바른 위치에 놓을 수없는 물건이 있습니다.Ipad의 절대 위치 지정
이미 여백과 패딩이있는 모든 절대 위치를 변경하려고 시도했지만이 부분 (위 이미지)이 작동하지 않습니다. 콘텐츠를 동일한 위치에두면 위치가 변경됩니다.
그러나 중요한 부분은 여기에 있습니다 :
<div id="super-wrapper">
<div id="wrapper">
<!-- Some Divs -->
<div id="content" class="open">
<!--This menu will be hidden -->
<ul id="navigation-fans">
<li id="registrate"><span>Registrate</span></li>
<li id="crea-club"><span>club</span></li>
<li id="conoce-clubs"><span>clubs</span></li>
</ul>
<div id="close-open" class="open"></div>
<div id="title"></div>
<div id="real-content"></div>
</div>
<!-- Some Divs -->
</div>
</div>
CSS
#wrapper{
width:1024px;
height:768px;
margin: 10px auto;
position:relative;
background: url(../../pics/1.jpg) no-repeat;
overflow:hidden;
}
#content{
background-image:url('../images/secciones_fondo.png');
height:423px;
width:1024px;
display:block;
position:relative;
right:-374px;
padding-top:1px;
margin-top:143px;
}
/* This is the position of #content when is open */
element.style {
right: -374px;
}
,
업데이트
나는이 문제가 jplayer라는 것을 알았지 만, 여전히 실제 문제는 무엇인지 모르고 있으며, 사용하지 못하게하고 작동합니다.
데스크톱 컴퓨터의 Safari에서 작동합니까? 나는 iPad와 함께 이런 종류의 일에 어떤 문제도 가지지 못했다. –
@RichBradshaw 예 완벽하게 작동합니다. ipad에 있습니다. iphone : – sacabuche