html - 为什么移动 View 与桌面 View 不匹配?

标签 html mobile google-chrome-devtools

我有一个 HTML 文档,可以这么说:

<p>
    lorem ipsum
</p>

在我的电脑中它看起来像这样:
desktop

但是,通过移动设备:
mobile

如果您单击图像,您会发现在移动 View 中它看起来缩小了。我使用 chrome-dev-tools 来模拟移动 View (但在我的手机中是相同的)并检查元素,我看到 html内容的尺寸为 980 X 1742 像素,而本应为 360 X 640 像素。
dev-tools

这是我使用 chrome-dev-tools 的计算机。有人可以告诉我如何解决这个问题,或者至少我做错了什么?或者这就是它应该来自移动设备的方式?

最佳答案

<meta name="viewport" content="width=device-width, user-scalable=no">

尝试添加这个。

关于html - 为什么移动 View 与桌面 View 不匹配?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46611779/

相关文章:

html - CSS/HTML - Twitter Bootstrap - 响应式媒体网格悬停覆盖

mobile - 确定移动网站用户的位置

c++ - Symbian:是否可以通过应用程序访问联系人列表?

php - Chrome HTML 正文扰乱了标签并破坏了设计

html - 为什么我的 XPath 查询(抓取 HTML 表)只能在 Firebug 中使用,而不能在我正在开发的应用程序中使用?

css - 如何推迟非关键样式?

html - 使进度条动态更改宽度以适应容器其余部分的大小

javascript - 页面是否符合标准很重要,即使它工作正常?

javascript - 更改选择框选项文本

html - 在 BlackBerry OS6 上隐藏浏览器地址栏