桌面/手机之间的差异@ VW = 360

Question

我已经在我的Wordpress主题的支持网站上发布了这个问题，但那里还没有任何运气。 当我将浏览器窗口调整为360px（360因为那是我的三星Galaxy S6上的视口宽度）时，我看到的东西与我尝试在手机上访问我的网站时完全不同。

我的网站是www.andrewpennell.com 我设计的和应该看到的是如下图所示。 Correct Design

但现在我在移动设备上看到了这一点。 当我在移动设备上加载页面时，我发现了几个问题： a）背景图像似乎没有缩小 - 这可能只是我需要添加的简单媒体查询。 b）我的标识，名称和副标题都没有在哪里（虽然我已经看到它们在菜单栏下随机加载，我几乎看不到它们的条子。 c）在底部，社交按钮和共享位于页脚后面

我当时最关心的问题是B。

欢迎任何有用的评论。 提前致谢。

Answer 1

• 检查页面的源代码（右键单击=＆gt;查看源代码）
• 浏览器查找（ctrl-f）viewport

如果您没有看到类似这样的元标记：

<meta name="viewport" content="width=device-width" />

然后你会遇到小型高分辨率屏幕的问题，例如S6上的那个。