javascript - 通过 iframe 模拟手机屏幕尺寸

标签 javascript html css

只是一个随意的想法, 如果我不想通过调整浏览器窗口的大小来展示响应式网页设计,而是实际将响应式网站加载到与移动屏幕尺寸相同的 IFRAME 中,该怎么办?这行得通吗?

假设我有一个 IFRAME

<iframe src="something" id="viewPort"/>

我将响应式网站加载到其中。然后让用户通过在浏览器中调整 iframe 的宽度和高度来进行测试。

如果这可行,对于不了解浏览器的客户来说可能是一个福音。

最佳答案

我赢了 :) 有一个,众所周知,您可以使用或学习。

http://mattkersley.com/responsive/

更具体地说,iframe 绝对允许您更改 heightwidth 并且它的内容确实对此做出响应 - 即说 - @media 有效。

关于javascript - 通过 iframe 模拟手机屏幕尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22776725/

相关文章:

css - 圆 Angular 容器 IE6

javascript - d3 网络图窗口边界

javascript - Mongoose 架构构造函数无法识别

javascript - node.js(快速框架): require and post

javascript - 通过模板和占位符动态生成 CSS

php - 关于购物车网站

html - 六边形 Angular 上的文字

javascript - 对象化还是对象化?

javascript - 每个循环都有 express js 的 Node

html - 音频标签自动播放不适用于移动设备