视口在localhost 8080中自动更改

问题描述

当我直接从本地文件所在的文件夹中打开html文件时,我会得到一个视口,其宽度为1366px-这也是我屏幕的宽度。但是,当我从http服务器运行同一文件时,它会自动将视口的宽度减小到1226px-1241px。不管我在页面上拥有什么内容以及拥有多少内容,它总会降低大众汽车的价值。

我正在使用的元标记是-

<Meta charset="utf-8" /> &
<Meta name="viewport" content="width=device-width,initial-scale=1" />

有什么想法为什么会发生以及如何解决

编辑-区别在于,本地服务器的认缩放级别不是100%,而是更多。

谢谢!!

解决方法

我认为您应该在任何地方使用可修正视口的meta标签...

<meta name="viewport" content="width=device-width,initial-scale=1.0">
,

我认为您看到的这个差距是由于滚动条(通常在15像素左右)引起的。您正在使用什么来获得视口宽度?也许尝试以下方法:

document.documentElement.clientWidth

此回复中找到更多信息:https://stackoverflow.com/a/8876069/2440863

ALSO

以下是我使用的元标记:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">