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

标签 html css

我有一个 iframe。

我正在尝试使其在移动设备上为全屏宽度,在普通显示器上为屏幕的一半(100% 和 50%)。移动设备的最低规范是 iPhone,但如果它能在 Android 上运行,那将是一个很大的优势。

我会使用 HTML 和 CSS。

这可能吗?

最佳答案

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

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

http://www.w3.org/TR/css3-mediaqueries/

关于html - 屏幕和移动设备上的 iframe 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8419339/

相关文章:

html - CSS 问题,div 相互依赖

jquery - 悬停在由父跨度触发的 div 上

php - mysqli_real_escape_string 不插入数据库

css - 相对于左侧内容动态定位侧边栏

jquery - 使用 :after 使用 jquery 更改样式

javascript - 模拟球滚下斜坡 - HTML5 Canvas JavaScript

jquery - nested_form gem 和 jquery 的 Rails 问题

javascript - 如何在移动浏览器中隐藏滚动条?

javascript - jQuery:检测 Flexbox 内的位置

javascript - 使用 typescript 在类级别应用 scss 值