gpt4 book ai didi

css - 在移动设备上显示不正确/不同(响应)

转载 作者:太空宇宙 更新时间:2023-11-04 10:41:35 25 4
gpt4 key购买 nike

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

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

最佳答案

您需要添加视口(viewport)元标记以确保正确呈现网站。在 HTML 中添加此 <head>标签。

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

应该可以解决您的问题。

阅读更多相关信息:Viewport Meta Tag - MDN

关于css - 在移动设备上显示不正确/不同(响应),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35752171/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com