草庐IT

innerHeight

全部标签

JavaScript 检测 IOS 浏览器地址导航何时出现

我在网站底部固定了两个按钮。在IOS中,这有一些不需要的行为:当用户点击按钮时,会显示“底部浏览器栏”和“地址栏”。有什么方法可以检测这些浏览器栏是“可见”还是“隐藏”?所以我可以调整按钮位置吗?在条形可见的状态下,我添加了一些额外的底部边缘,因此它们位于底部条的顶部。但是我想在条形图隐藏时进行调整。我尝试了“onresize”,尽管当栏显示或隐藏$(window).height()保持不变时会触发此事件。所以如果屏幕变大或变小,我无法用这种方法检测。有人知道解决办法吗? 最佳答案 页面的innerHeight会根据顶栏是否可见而改

javascript - 在 JAVASCRIPT 中将 div 高度设置为 window.innerHeight

我想将元素的div高度设置为浏览器的innerHeight。我不希望css或jQuery出现在这里。它必须通过调整窗口大小动态更改其高度。所以我制作了这个脚本,但它并没有像我想的那样工作。这是我的代码:window.onload=window.onresize=function(){varleft=document.getElementById("left");varheight=window.innerHeight;left.style.height='height+('px')';}有人可以更正我的代码并使其正常工作吗?任何帮助将不胜感激。谢谢。jsFIDDLE您可以将height

javascript - Safari iOS9 是否为 window.innerHeight 返回错误值?

这是我的视口(viewport)元标记:在SafariiOS8上,window.innerHeight和$(window).height()都返回相同的值:在iPad上为928。但在SafariiOS9上,window.innerHeight和$(window).height()返回不同的值:在运行iOS9.0的iPhone6s上分别为1461和559或在运行iOS9.1的iPadmini上为1154和905。这是Safari中的错误还是有意为之?我的iPhone上的1461来自哪里?我应该使用$(window).height()(返回我想要的值)而不是window.innerHeig

javascript - 将 Canvas 元素的高度和宽度设置为 window.innerHeight/innerWidth 导致滚动条

这非常简单,但我不明白为什么它会导致滚动条。这是代码:CSSbody,canvas,html{margin:0;padding:0;border:0none;}canvas{background:Black;}HTML​JavaScriptvarcanvas=document.createElement("canvas");canvas.width=window.innerWidth;canvas.height=window.innerHeight;document.getElementsByTagName("body")[0].appendChild(canvas);​​​​​​​这

javascript - 将 Canvas 元素的高度和宽度设置为 window.innerHeight/innerWidth 导致滚动条

这非常简单,但我不明白为什么它会导致滚动条。这是代码:CSSbody,canvas,html{margin:0;padding:0;border:0none;}canvas{background:Black;}HTML​JavaScriptvarcanvas=document.createElement("canvas");canvas.width=window.innerWidth;canvas.height=window.innerHeight;document.getElementsByTagName("body")[0].appendChild(canvas);​​​​​​​这

javascript - window.innerHeight vs window.outerHeight 来计算密度?

当我开始使用标尺PhoneGap开发一个简单的应用程序时遇到了问题。我的大部分移动背景都是原生Android,所以我从它开始。我是javascript和html5的初学者,一般来说是Web开发。Here你可以看到我与这个问题相关的第一个问题。这是我第一次尝试计算一毫米有多少像素。这在Androidnative代码中运行良好。publicfloatgetYdpi(){returndisplayMetrics.ydpi;}functiongetPixelsPerMillimeter(){returnYDpi/25.4f;}但是毫米标记画错了。最后经过一些尝试,我更换了如下方法functio

javascript - WebView 返回错误的 window.innerHeight

我有一个使用AndroidWebView以及一些JavaScript的应用程序。当我的WebViewClient调用onPageFinished()时,我提醒我的JavaScript运行一个初始化方法。在我点击onPageFinished()之前,我的JavaScript已启用并加载。在该JavaScript方法中,我使用了window.innerWidth。但是,它返回的值总是错误的,而且总是相同的。无论我的方向如何,它都会报告内部宽度为320,内部高度为240。(纵向和横向的正确宽度值分别为360和598。)我在其他任何地方访问window.innerWidth或window.in

html - 将绝对元素高度调整为 window.innerHeight 时,iOS Safari iFrame 内容高度不断增加

每次我尝试将绝对元素的大小调整为window.innerHeight时,window.innerHeight都会不断增加。JSBin(使用真正的iOSSafari设备或XCode的模拟器打开)-https://jsbin.com/qivupe当页面不是iframed并且只发生在iOS移动Safari上时,这种奇怪的行为不会重现。任何建议将不胜感激。 最佳答案 您发送的bin需要专业帐户才能编辑您的帖子中没有任何代码可以帮助我们帮助您您可能在调整元素大小后应用了一些填充/边距,因此每次执行此操作时都会有一个新的innerHeight。

javascript - iOS 为 window.innerHeight/Width 返回错误值

我正在使用window.innerHeight和window.innerWidth指令来获取浏览器的可用窗口大小。它适用于firefox、safari(在mac上)和android,但我在iOS中得到奇怪的结果。iOS始终返回innerHeight=1091和innerWidth=980。我正在使用来自iOSSDK的iOS模拟器(我没有iPhone/iPod)。iPhone和iPhoneRetina模拟器返回相同的值。我不明白他们怎么会返回相同的数字,因为这2个模型有2个不同的屏幕分辨率。我试过视口(viewport)参数但没有成功。 最佳答案

javascript - jQuery中的宽度,innerWidth和outerWidth,height,innerHeight和outerHeight有什么区别

我写了一些例子来看看有什么区别,但它们显示的宽度和高度的结果相同。$(document).ready(function(){vardiv=$('.test');varwidth=div.width();//200pxvarinnerWidth=div.innerWidth();//200pxvarouterWidth=div.outerWidth();//200pxvarheight=div.height();//150pxvarinnerHeight=div.innerHeight();//150pxvarouterHeight=div.outerHeight();//150px})
12