我有一张400x760的iphone图像。在图片中，我正在加载一个包含Iframe的响应式网站。这一切都很好，除了来自iframe的内容几乎无法读取它看起来非常缩小，因此页面响应它看起来不像在真实手机上。到目前为止，我尝试了以下内容：我创建了一个css类并增加了缩放功能，并且它可以工作。该网站看起来像在移动设备上。但是zoom在firefox和其他浏览器中不起作用。我在响应式网站上使用jquery mobile。
.mobile_zoom .ui-content,
.mobile_zoom .ui-header-fixed-logo,
.mobile_zoom .icon-settings,
.mobile_zoom .icon-search,
.mobile_zoom .ui-footer {zoom: 370%;}
答案 0 :(得分：1)
您可能需要在iframed HTML页面上添加<meta>标记，如下所示：
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
这应该告诉浏览器以设备的宽度呈现页面。