Drupal 7 移动页面加载问题
Drupal 7 Mobile Page Load Issue
我正在开发一个已有的 Drupal (7.28) 站点。
在移动设备上查看网站时，页面加载在屏幕左侧，约占 space 的 25%。然后，它会快速放大到全尺寸，让用户在页面的一半左右着陆。客户希望它得到解决（或解释），而我却一无所获。
非常感谢，如有任何问题，请随时与我联系。
编辑：主页上出现这种情况的频率似乎低于内页。
可能的问题是您 html.tpl.php 中的移动元标记没有告诉浏览器初始缩放级别应该是多少。浏览器可能需要几秒钟才能弄清楚。这是你应该拥有的：
<meta name="viewport" content="width=device-width, initial-scale=1" />
另一个可能的问题是您的 CSS 正在移动视口中呈现您的 _desktop.scss 样式。它们应该包含在 min-width 媒体查询中。那里有很多固定宽度，可能会使布局闪烁，直到移动 CSS 被解析。您应该以移动优先的方式编写 CSS，其中您的所有移动样式都不在媒体查询中，而您的桌面样式在 min-width 媒体查询中。
我正在开发一个已有的 Drupal (7.28) 站点。
在移动设备上查看网站时，页面加载在屏幕左侧，约占 space 的 25%。然后，它会快速放大到全尺寸，让用户在页面的一半左右着陆。客户希望它得到解决（或解释），而我却一无所获。
非常感谢，如有任何问题，请随时与我联系。
编辑：主页上出现这种情况的频率似乎低于内页。
可能的问题是您 html.tpl.php 中的移动元标记没有告诉浏览器初始缩放级别应该是多少。浏览器可能需要几秒钟才能弄清楚。这是你应该拥有的：
<meta name="viewport" content="width=device-width, initial-scale=1" />
另一个可能的问题是您的 CSS 正在移动视口中呈现您的 _desktop.scss 样式。它们应该包含在 min-width 媒体查询中。那里有很多固定宽度，可能会使布局闪烁，直到移动 CSS 被解析。您应该以移动优先的方式编写 CSS，其中您的所有移动样式都不在媒体查询中，而您的桌面样式在 min-width 媒体查询中。