ios - 元视口(viewport)在 iOS 设备上的 iframe 中不起作用

标签 ios css responsive

最近我做了一个网站响应移动设备添加以下标签

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

iframe 中的站点加载。在 Android 中,该网站完全适合 iframe,但在 iOS 中却不适合。用户可以左右移动。我无法控制 iframe。我的网站将在第三方网站内加载。所以我必须对网站做点什么。那么可能的解决方案是什么?谢谢。

最佳答案

iframe设置css

@media screen and (max-width: 767px) {    
    iframe {
       width: 100%;
    }
}

关于ios - 元视口(viewport)在 iOS 设备上的 iframe 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45795313/

相关文章:

css - 如何在移动 View 中使填充响应?

asp.net - ASPX 页面上的格式问题

html - 如何调试 Bootstrap 非工作导航栏菜单

滚动时iOS链接背景颜色发生变化

ios - 缩小 UIImage 但返回更大的内存大小?

html - Nivo Slider 偶尔跳动

HTML/CSS - 如何将我的图像定位在右侧,以便它可以与左侧的文本对齐?

html - 在具有基于 px 边距的容器内使用基于 % 的宽度 div

ios - WKWebView 在 iPad 上水平滚动

ios - 在 iOS 中我可以使用什么来代替 NSBitmapImageRep? (水波纹示例)