2017-10-06 44 views
1

我有一个HTML文件,让这样说:为什么移动视图与桌面视图不匹配?

<p> 
 
    lorem ipsum 
 
</p>

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

但是,从移动公司:
mobile

如果您点击图片你会发现在移动视图中它看起来减少了。我正在使用chrome-dev-tools来模拟移动视图(但在我的手机中它也是如此),并检查了我看到的内容,其中html的内容具有980 X 1742像素,而它应该具有360 X 640像素。
dev-tools

这是从我的电脑使用chrome-dev-tools。有人可以告诉我如何解决这个问题,或者至少我做错了什么?或者这就是从移动设备来的?

回答

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

尝试添加相容。

+0

我做到了,它的工作!谢谢。你能解释它为什么起作用吗? – Theia

+1

@Theia哦..我试图解释,但我不能...因为我不擅长英语。我只能建议你https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag – zynkn

相关问题