调整iframe的内部内容

时间:2015-08-13 22:51:54

标签: html css iframe

调整iframe大小以适应其内容是一个常见问题,但我希望将内容设置为适合特定尺寸。

基本上我的应用程序会捕获HTML以及user_1的屏幕尺寸。这样user_2可以看到相同的HTML和屏幕尺寸。

如果user_1的屏幕尺寸大于user_2的屏幕尺寸,user_2会看到带有水平滚动条的iframe。如果user_2的屏幕尺寸小于user_2的屏幕尺寸,则user_2会看到没有水平滚动条和居中内容的iframe。

考虑诸如较小屏幕分辨率的媒体查询之类的内容,例如汉堡菜单。我希望第二个用户看到同样的事情。

我真正喜欢做的是设置iframe的内部scrollWidth。

我唯一能够理解的是,设置iframe本身的实际宽度是最好的开始方式。那么也许在内容需要扩展到iframe宽度以外的情况下,设置iframe中html或body元素的宽度。

但是,这也引入了媒体查询问题。也许user_2屏幕上的iframe足够小,可以触发汉堡菜单,即使正文的宽度设置为超出iframe的宽度。

有什么方法可以将iframe设置为我想要的任何宽度,但iframe的内容表现得好像iframe更大?我希望我以一种有道理的方式解释我的问题。

我希望user_2看到user_1看到的相同内容。

0 个答案:

没有答案