Question

我很困惑。我的屏幕分辨率是1366 x 768.我是一名Web开发人员，我的本地开发环境是apache。我的默认浏览器是chrome。几天前一切都很好。现在我遇到了一种奇怪的行为。通过localhost路由的每个网页都显示视口宽度1515而不是实际的1366.我无法弄清楚问题是什么。为了澄清一点，下面的代码中显示的HTML页面（这是一个w3school示例）通过localhost打开时给出视口宽度1515.当双击打开时（那不是使用localhost）它给出正确的1366.请建议。提前谢谢。

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display this window's height and width 
(NOT including     toolbars and scrollbars).</p>

<button onclick="myFunction()">Try it</button>

<p><strong>Note:</strong> The innerWidth and innerHeight properties 
are not     supported in IE8 and earlier.</p>

<p id="demo"></p>

<script>
function myFunction() {
var w = window.innerWidth;
var h = window.innerHeight;
document.getElementById("demo").innerHTML = "Width: " + w + 
"<br>Height: " + h;
}
</script>

</body>
</html>

Answer 1

也许你应用了一些浏览器缩放？ Chrome会记住每个域的缩放级别。尝试使用ctrl-0清除它。

apache localhost页面提供比实际更大的视口宽度

1 个答案: