为什么我的网站在移动视图上没有响应?



我遇到问题的网站是"kayparkmemories.com"。如果你在笔记本电脑/台式机上查看它,并将网站缩小到尽可能小的可扩展窗口,它似乎会起到预期的作用。出于某种原因,当我在手机上查看网站时,它会像在平板电脑视图中一样显示视图。

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

有人以前遇到过类似的问题,有什么建议吗?我应该补充的另一件重要的事情是,当在Dreamweaver上扫描条形码以在我的手机上预览网站时,它按预期进行了预览。在那之后,我没有对编码做任何更改,一旦它正式在网络上发布(1&1 HOSTING(,移动设备的响应能力就没有达到应有的水平。

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

你想要的是

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

祝你好运!

相关内容

  • 没有找到相关文章

最新更新