移动显示不正确/不同(响应)

问题描述:

我有一个红宝石应用程序,我嵌入了一个iframe来显示内容。在电脑屏幕上,显示器是完美的和响应的。如果我缩小浏览器窗口,一切都按比例缩放,并且按钮外观正确显示。如果我在手机中拉同一页面,则所有内容都很小,字段/按钮很难阅读。移动显示不正确/不同(响应)

我已经尝试把iframe放在引导容器中,调整iframe设置,但没有任何工作。该域名是www.drinkpgh.com

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

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

应该解决你的问题。

阅读更多关于它:Viewport Meta Tag - MDN

+0

that worked thanks!当我被允许时,我会在7分钟内接受答案 – westman2222