只是一个随意的想法, 如果我不想通过调整浏览器窗口的大小来展示响应式网页设计,而是实际将响应式网站加载到与移动屏幕尺寸相同的 IFRAME 中,该怎么办?这行得通吗?
假设我有一个 IFRAME
<iframe src="something" id="viewPort"/>
我将响应式网站加载到其中。然后让用户通过在浏览器中调整 iframe 的宽度和高度来进行测试。
如果这可行,对于不了解浏览器的客户来说可能是一个福音。
最佳答案
我赢了 :) 有一个,众所周知,您可以使用或学习。
http://mattkersley.com/responsive/
更具体地说,iframe
绝对允许您更改 height
和 width
并且它的内容确实对此做出响应 - 即说 - @media
有效。
关于javascript - 通过 iframe 模拟手机屏幕尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22776725/