屏幕和移动设备上的 iframe 宽度

【问题标题】：iframe width on screen and mobile device屏幕和移动设备上的 iframe 宽度
【发布时间】：2011-12-08 01:07:25
【问题描述】：

我有一个 iframe。

我正在尝试使其在移动设备上为全屏宽度，在普通显示器上为屏幕的一半（100% 和 50%）。移动设备的最低规格是 iPhone，但如果它可以在 Android 上运行，那将是一大优势。

我可以使用 HTML 和 CSS。

这可能吗？

【问题讨论】：

标签： html css

【解决方案1】：

尝试媒体查询有条件地包含 css：

<link media="only screen and (max-device-width: 480px)" 
    href="mobile.css" type="text/css" rel="stylesheet" />

【讨论】：