我想使用＆lt; iframe＆gt; 将多个远程页面嵌入到一个。
当我调整浏览器页面大小时出现主要问题水平：如果远程页面是响应式的，他们会尽可能地调整可用空间来改变他们的内容。
＆＃xA;＆＃xA;唉这不是我想要的：我需要保持他们全屏将图像缩放到可用空间。
＆＃xA;＆＃xA;是否可以使用CSS完成？
＆＃xA;＆＃xA;第二个小问题是由于我非常有限的CSS及其令人头疼的问题：为什么在我的例子中，两个页面容器是垂直分开的？
＆＃xA;＆＃xA; ＆lt;！DOCTYPE html＆gt;＆＃xA;＆lt; html＆gt;＆＃xA; ＆LT; HEAD＆GT;＆＃XA; ＆lt; meta charset =“utf-8”＆gt;＆＃xA; ＆lt; title＆gt;这里的标题＆lt; / title＆gt;＆＃xA;＆＃xA; ＆LT;风格＆GT;＆＃XA;身体{＆＃xA; background-color：yellow;＆＃xA;填充：10px;＆＃xA; }＆＃XA;＆＃XA; .content-wrapper {＆＃xA;宽度：80％;＆＃xA;填充：10px;＆＃xA;溢出：隐藏;＆＃xA; float：left;＆＃xA;边框：5px纯红色;＆＃xA; background-color：pink;＆＃xA; }＆＃XA;＆＃XA; .page-container {＆＃xA;宽度：1280px;＆＃xA;身高：768px;＆＃xA;边框：10px纯绿色;＆＃xA; background-color：lightgreen;＆＃xA;＆＃xA;填充：10px;＆＃xA;＆＃xA; -moz-transform：scale（0.5）;＆＃xA; -moz-transform-origin：0 0;＆＃xA; -o-transform：scale（0.5）;＆＃xA; -o-transform-origin：0 0;＆＃xA; -webkit-transform：scale（0.5）;＆＃xA; -webkit-transform-origin：0 0;＆＃xA; }＆＃XA;＆＃XA; iframe {＆＃xA;宽度：80％;＆＃xA;身高：80％;＆＃xA;保证金：20px;＆＃xA;＆＃xA;边框：10px纯蓝色;＆＃xA; background-color：lightblue;＆＃xA; }＆＃XA; ＆LT; /风格＆GT;＆＃XA;＆＃XA; ＆LT; /头＆GT;＆＃XA; ＆LT;身体GT;＆＃XA;黄色：身体＆lt; br＆gt;＆＃xA;＆＃xA; ＆lt; div class =“content-wrapper”＆gt;＆＃xA; red：内容包装＆＃xA;＆＃xA; ＆lt; div class =“page-container”＆gt;＆＃xA; green：page-container＆＃xA; ＆LT峰; br＆GT;＆＃XA; ＆LT峰; br＆GT;＆＃XA;蓝色：iframe＆＃xA; ＆LT峰; br＆GT;＆＃XA; ＆lt; iframe src =“http://www.drexel.edu”＆gt;＆lt; / iframe＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA;＆＃XA; ＆lt; div class =“page-container”＆gt;＆＃xA; green：page-container＆＃xA; ＆LT峰; br＆GT;＆＃XA; ＆LT峰; br＆GT;＆＃XA;蓝色：iframe＆＃xA; ＆LT峰; br＆GT;＆＃XA; ＆lt; iframe src =“http://forefathersgroup.com/”＆gt;＆lt; / iframe＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; / body＆gt;＆＃xA;＆lt; / html＆gt;＆＃xA; ＆＃xA;＆＃xA; 背景说明：在实际代码中，页面是由Bokeh / Flask服务器提供。它们是按比例缩小时表现不太好的图表，因为图例和文本保持原始大小并隐藏字形。我不希望他们做出回应！
＆＃xA;