Css 为什么不是';我的网站是否在移动视图上响应?

Css 为什么不是';我的网站是否在移动视图上响应?,css,iphone,url,mobile,responsive-design,Css,Iphone,Url,Mobile,Responsive Design,我遇到问题的网站是“kayparkmemorials.com”。如果您在笔记本电脑/台式机上查看,并将网站缩小到最小的可伸缩窗口,则它的功能似乎与预期一致。出于某种原因,当我在手机上查看网站时,它会将视图显示为平板电脑视图 我将移动视图的最大宽度设置为:@媒体屏幕和(最大宽度:815px) 有没有人以前有过类似的问题,有什么建议?我应该补充的另一件重要事情是,当在Dreamweaver上通过扫描条形码在我的手机上获得预览来测试站点时,它按照预期进行了预览。在那之后,我没有对编码做任何更改,一旦它

我遇到问题的网站是“kayparkmemorials.com”。如果您在笔记本电脑/台式机上查看,并将网站缩小到最小的可伸缩窗口,则它的功能似乎与预期一致。出于某种原因,当我在手机上查看网站时,它会将视图显示为平板电脑视图

我将移动视图的最大宽度设置为:@媒体屏幕和(最大宽度:815px)


有没有人以前有过类似的问题,有什么建议?我应该补充的另一件重要事情是,当在Dreamweaver上通过扫描条形码在我的手机上获得预览来测试站点时,它按照预期进行了预览。在那之后,我没有对编码做任何更改,一旦它正式在web上(1&1托管),移动设备上的响应就没有达到应有的效果。

您需要在页面头部添加一个视口元标记,如果不这样做,智能手机浏览器的默认行为是缩放桌面页面

你想要的是

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

...  

祝你好运

检查手机浏览器的默认缩放,我敢打赌它不是100%,这就是为什么你会得到意想不到的结果。默认情况下,您的桌面浏览器很可能是
100%
(除非您运行的是
110%
的IE11)。您可能会发现需要使用Javascript强制浏览器分辨率/缩放到
100%
,或者使用一些额外的
@media
处理来实际移动查看。寻求代码帮助的问题必须包含在问题本身中重现问题所需的最短代码,最好是在堆栈片段中。虽然您提供了一个链接,但如果该链接无效,您的问题对其他将来遇到相同问题的用户将毫无价值。看,你真是个救命恩人。这正是问题所在。马上修好了。非常感谢你!