"frameset","viewport","iphone" (1)

"frameset","viewport","iphone"

프레임셋을 사용중인 홈페이지에서 뷰포트를 써도... 아이폰에서 작동을 안한다...

테스트 중인 기기는 아이폰6

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$(window).resize(function() {

winResize();

});

$(window).onload(function() {

winResize();

});

});

function winResize(){

var  windowX = screen.width;

var  windowY = window.innerHeight;

//window.innerWidth

var mobile = (/iphone|ipad|ipod|android/i.test(navigator.userAgent.toLowerCase()));

alert("3"); 

if (mobile) {

// 유저에이전트를 불러와서 OS를 구분합니다.

var userAgent = navigator.userAgent.toLowerCase();

if ((userAgent.search("iphone") > -1) || (userAgent.search("ipod") > -1) || (userAgent.search("ipad") > -1)){

alert("아이폰일때 :  " + windowX +" / "+ windowY);

    parent.document.getElementsByTagName( 'frameset' )[ 0 ].cols = windowX+',*';

   // window.resizeTo(windowX,windowY ) ;

    window.onresize (windowX,windowY ) ;

}else{

alert("아이폰이 아닐때");

//parent.document.getElementsByTagName( 'frameset' )[ 0 ].rows = '100%,*';

}

} else {

alert("핸드폰이 아닐때");

//parent.document.getElementsByTagName( 'frameset' )[ 0 ].rows = '100%,*';

}

}// function winResize()

</script>

<frameset rows="100%,*" border="0" frameborder="0" framespacing="0"> 

    ....

</frameset>

이렇게 아이폰일 때 프레임셋의 가로를 수정하면 될까했는데 안됨.

퍼블리셔분께선 아이폰에서 안될 수도 있다고 하셨는다.

프레임셋을 빼면 안되냐고.. 근데.. 뺄 순없고...

방법을 찾다보니

http://www.appui.org/2203.html  여기에서 아이폰 6이랑 6 플러스는 뷰포트에 따로 가로 사이즈를 넣어야 한다고 적혀있음.

<meta name="viewport" content="width=device-width, ~    이렇게 device-width 가 아니고

아이폰 6일땐

<meta name="viewport" content="width=375, ~

아이폰 6 플러스 일땐   

<meta name="viewport" content="width=414, ~ 

이런 식으로..  

이제 아이폰6을 어떻게 구분해낼지 찾아야 한다..