为什么我的网站在移动视图上没有响应？
why isn't my website responsive on mobile view?
我遇到问题的网站是 "kayparkmemorials.com"。如果您在 laptop/desktop 上查看它，并且将网站缩小到最小的可扩展性 window，它似乎可以按预期响应地运行。出于某种原因，当我在手机 phone 上查看网站时，它显示的视图就像在平板电脑视图中一样。
我将移动视图的最大宽度设置为：@media screen and (max-width: 815px)
有人以前遇到过类似的问题并提供一些提示吗？我应该补充的另一件重要的事情是，当通过扫描条形码在我的手机上获得预览来测试 Dreamweaver 上的站点时，它按预期进行了预览。在那之后我没有对编码进行任何更改，一旦它正式在网络上（1&1 托管），移动设备上的响应速度就没有达到应有的水平。
您需要将视口元标记添加到页面的头部，如果不这样做，智能 phone 浏览器的默认行为是缩放您的桌面页面。
你要的是
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
...
</head>
祝你好运！
我遇到问题的网站是 "kayparkmemorials.com"。如果您在 laptop/desktop 上查看它，并且将网站缩小到最小的可扩展性 window，它似乎可以按预期响应地运行。出于某种原因，当我在手机 phone 上查看网站时，它显示的视图就像在平板电脑视图中一样。
我将移动视图的最大宽度设置为：@media screen and (max-width: 815px)
有人以前遇到过类似的问题并提供一些提示吗？我应该补充的另一件重要的事情是，当通过扫描条形码在我的手机上获得预览来测试 Dreamweaver 上的站点时，它按预期进行了预览。在那之后我没有对编码进行任何更改，一旦它正式在网络上（1&1 托管），移动设备上的响应速度就没有达到应有的水平。
您需要将视口元标记添加到页面的头部，如果不这样做，智能 phone 浏览器的默认行为是缩放您的桌面页面。
你要的是
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
...
</head>
祝你好运！