在移动设备上显示 incorrect/different（自适应）
display incorrect/different on mobile (responsive)
我有一个 ruby 应用程序，我嵌入了一个 iframe 来显示内容。在电脑上，屏幕显示完美且反应灵敏。如果我缩小浏览器 window 一切都按比例缩放并且按钮现在看起来正确显示 如果我在我的手机 phone 中拉出相同的页面，一切都很小并且 fields/buttons 很难阅读.
我试过将 iframe 放入 bootstrap 容器中，调整 iframe 设置但没有任何效果。域是 www.drinkpgh.com
您需要添加视口元标记以确保正确呈现网站。将其添加到 HTML <head> 标签内。
<meta name="viewport" content="width=device-width, initial-scale=1">
应该可以解决你的问题。
了解更多信息：Viewport Meta Tag - MDN
我有一个 ruby 应用程序，我嵌入了一个 iframe 来显示内容。在电脑上，屏幕显示完美且反应灵敏。如果我缩小浏览器 window 一切都按比例缩放并且按钮现在看起来正确显示 如果我在我的手机 phone 中拉出相同的页面，一切都很小并且 fields/buttons 很难阅读.
我试过将 iframe 放入 bootstrap 容器中，调整 iframe 设置但没有任何效果。域是 www.drinkpgh.com
您需要添加视口元标记以确保正确呈现网站。将其添加到 HTML <head> 标签内。
<meta name="viewport" content="width=device-width, initial-scale=1">
应该可以解决你的问题。
了解更多信息：Viewport Meta Tag - MDN