在移动设备上显示不正确/不同（响应式）答案

【问题标题】：display incorrect/different on mobile (responsive)在移动设备上显示不正确/不同（响应式）
【发布时间】：2016-03-02 15:59:30
【问题描述】：

我有一个 ruby 应用程序，我正在嵌入一个 iframe 来显示内容。在计算机上，屏幕显示完美且反应灵敏。如果我缩小浏览器窗口，所有内容都会按比例缩放，并且按钮现在看起来正确如果我在手机中拉同一个页面，那么一切都很小，字段/按钮很难阅读。

我尝试将 iframe 放入引导容器中，调整 iframe 设置，但没有任何效果。域名是www.drinkpgh.com

【问题讨论】：

【解决方案1】：

您需要添加视口元标记以确保正确呈现网站。将此添加到 HTML <head> 标记内。

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

应该可以解决你的问题。

【讨论】：