我正在尝试为响应广告加载同一HTML的多个实例。理想情况下,此广告将从同一HTML源(ad.HTML)中提取,然后为每个大小的广告提供不同的响应CSS。然后,我们需要做的就是指定iframe的大小,作为我们配置的选项之一,这是一个多广告尺寸的下拉式解决方案。
现在,问题来了。当广告的CSS加载到一个大小的iframe中时,它不识别iframe的大小作为它的边界框,而是识别整个浏览器。因此,我们的特定大小的媒体查询失败了,如果没有它,整个想法就没有意义了。
有办法做我想做的事吗?我对媒体查询使用简单的最小和最大宽度,所以除非我弄错了,否则它们应该加载到iframe的维度。
最佳答案
我可以通过将媒体查询从最小宽度更改为最大宽度来解决这个问题。一旦我这样做了,浏览器就可以正确地识别每个特定iframe的媒体查询。
此外,如果在一个页面上多次加载同一iframe,IE将无法识别四个媒体查询。
关于html - 加载特定于iframe尺寸的媒体查询,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27930921/