구형기기에서 photoswipe 회전 오류

photoswipe로 이미지 뷰어를 사용하고 있는데

tablet 테스트중 ipad mini2 구형기계에서 회전시 반응이 느려 resize 오류가 발생되었다

1. 화면 회전후 $(window).trigger('resize') 를 해봤는데 반응없음.

2. @medea query로 디바이스 width, height 넣고 회전시 높이, 넓이 재 지정

   반응은 있지만 위치가 자기 마음대로 아무데나 가있음..

3. 2번후 javascipt로 회전체크해서 0.1초후 resize해줌

  var styleNode = document.createElement('style');
	styleNode.type = "text/css";

  var $win = $(window);
  var winWidth = $win.width();
  var winHeight = $win.height();

  var styleCont = '@media only screen and (min-device-width:'+ winWidth +'px) and (max-device-width: '+ winHeight +'px) and (orientation: landscape){'
  	+'.pswp{height:'+winWidth+'px;}'
  	+'}'
  	+ '@media only screen and (min-device-width:'+ winWidth +'px) and (max-device-width: '+ winHeight +'px) and (orientation: portrait){'
  	+ '.pswp{height:'+winHeight+'px;}'
  	+'}'

  if(!!(window.attachEvent && !window.opera)) {
       styleNode.styleSheet.cssText = styleCont;
  } else {
       var styleText = document.createTextNode(styleCont);
       styleNode.appendChild(styleText);
  }
  document.getElementsByTagName('head')[0].appendChild(styleNode);

  // 회전하면 리사이즈
  window.addEventListener('orientationchange', function() {
  	setTimeout(function(){
      	  $win.trigger('resize')
  	},10)
  });