Javascript 引导程序3+;Phonegap Build 3.3.0 Windows Phone 8“;“响应性修复”;绝对定位页脚问题
我正在构建一个Phonegap应用程序,并让引导程序描述了这个问题(大部分是桌面视图,而不是狭窄的“电话”视图)。他们的解决方案完美地解决了我的问题,只是引入了一个新问题。我的页脚看起来比视口底部高20-30像素此问题仅在纵向模式下出现。在Lumia 820上测试 我正在使用与页脚相关的以下CSS:Javascript 引导程序3+;Phonegap Build 3.3.0 Windows Phone 8“;“响应性修复”;绝对定位页脚问题,javascript,css,twitter-bootstrap,cordova,windows-phone-8,Javascript,Css,Twitter Bootstrap,Cordova,Windows Phone 8,我正在构建一个Phonegap应用程序,并让引导程序描述了这个问题(大部分是桌面视图,而不是狭窄的“电话”视图)。他们的解决方案完美地解决了我的问题,只是引入了一个新问题。我的页脚看起来比视口底部高20-30像素此问题仅在纵向模式下出现。在Lumia 820上测试 我正在使用与页脚相关的以下CSS: height: 45px; position: absolute; bottom: 0; 我知道这是因为手机为导航栏/地址栏留下了空白,但这对我来说没有意义,问题只发生在Bootstrap的修复中
height: 45px;
position: absolute;
bottom: 0;
我知道这是因为手机为导航栏/地址栏留下了空白,但这对我来说没有意义,问题只发生在Bootstrap的修复中。我尝试了各种各样的建议,包括设置设备高度,但都没有用。希望有人遇到这个问题
Bootstrap建议我使用的修复程序:
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
js:
您是否能够检查设备上的页面?我在debug.build.phonegap.com上试过了,虽然它显示了一些活动,但它没有加载元素检查器。我以前就让它工作过,所以可能它们目前的容量不足。
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement('style')
msViewportStyle.appendChild(
document.createTextNode('@-ms-viewport{width:auto!important}'))
document.querySelector('head').appendChild(msViewportStyle)
}