Question

我遇到问题的网站是“ kayparkmemorials.com”。如果您在笔记本电脑/台式机上查看该网站，并将网站缩小到最小的可缩放窗口，则该网站似乎可以正常工作。出于某种原因，当我在手机上查看网站时，它会像在平板电脑视图中一样显示视图。

我将移动视图的最大宽度设置为：@media屏幕和（最大宽度：815px）

任何人以前都有与此类似的问题，并且有一些提示吗？我应该补充的另一件事是，在Dreamweaver上通过扫描条形码在我的手机上进行预览来测试网站时，它会按预期进行预览。此后，我没有对编码进行任何更改，并且在正式将其发布到网络上后（1＆1 HOSTING），移动设备的响应能力并没有发挥应有的作用。

Answer 1

您需要在页面顶部添加视口元标记，如果不执行此操作，则智能手机浏览器的默认行为是缩放桌面页面。

您想要的是

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">  
...  
</head>

祝你好运！