元素错误，屏幕高度超过768px

Question

我已将psd登录页面编码为html5 / css3并使其适合ipad＆amp;移动但有问题 当我尝试在高度超过768px的屏幕上浏览时，元素变小并显示在半页中，另一半只是空的！ 实时网址：http://idealogy-creative.com/1/ 屏幕截图显示问题https://www.browserstack.com/screenshots/c7f2884acf1102cc3536c1c5b8b62208ff8a8c92/win8.1_ie_11.0_Desktop.jpg

请帮助我！

Answer 1

我有同样的问题，我改变一些小的东西来修复它，也许是视口？首先尝试设置视口，让我知道，我会检查我的网站。

适用于Windows Phone的P.S你需要设置更多的东西： 1. css

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

1. 脚本：

   //修复Windows手机

   if（navigator.userAgent.match（/IEMobile/10.0/）|| navigator.userAgent.match（/IEMobile/11.0/）|| navigator.userAgent.match（/ WPDesktop /）） {

   var msViewportStyle = document.createElement("style");
   msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
   document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
   

   }