Drupal 7移动页面加载问题

Question

我正在使用预先存在的Drupal（7.28）网站。

Daiya Foods

在移动设备上查看网站时，页面会在屏幕左侧加载，占用大约25％的空间。然后，它快速达到全尺寸，使用户大约在页面的一半处着陆。客户希望它得到解决（或解释），我会空着。

Screenshot of initial load

非常感谢，如有任何问题，请随时与我联系。

编辑：这似乎发生在主页上的频率低于内页。

Answer 1

可能的问题是，html.tpl.php中的移动元标记并不告诉浏览器初始缩放级别应该是什么。它可能需要几秒钟才能让浏览器弄明白。这是你应该拥有的：

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

另一个可能的问题是您的CSS正在移动视口中呈现您的_desktop.scss样式。它们应该包含在min-width媒体查询中。你有很多固定的宽度，可能会使布局闪烁，直到解析移动CSS。您应该使用移动优先方法编写CSS，其中所有移动样式都不在媒体查询中，而桌面样式位于min-width媒体查询中。