我创建了一个虚拟桌面＆＃39;对于我正在开发的网络应用，我可以在这个桌面上打开虚拟窗口＆＃39;。每个都是绝对定位的div，可以移动，调整大小等等。 我想制作这些＆＃39; windows＆＃39;的内容。响应性，从4列（每列25％）缩放到1列@ 100％。
我没有使用任何框架，因为这是我希望通过自定义解决方案解决的一个边缘案例。
我已经尝试了@media，但这根本不起作用，因为我没有改变实际浏览器窗口的大小，只改变了虚拟窗口内容区域的尺寸。 / p>
我是否缺少CSS3解决方案？基本上我需要根据其父级的维度来改变类的宽度（以百分比表示），其中这些维度完全独立于浏览器窗口。本质上，将@media指向我想要更改的类定义的直接父级，而不是包含视口。
这可能吗？
答案 0 :(得分：0)
是的 - 有可能......但是：
您不能使用DIV。
在喝了大量的咖啡之后，@media从document.window获取了它的尺寸，我突然明白了，所以最简单的解决方法是将'响应'元素嵌入{{1} }}。这为页面的主要内容（或我的桌面中的桌面）中的iframe提供了自己的本地化文档边界。如果我的伪窗口内容是一个单独的文档，具有自己的一组边界维度，@media就像一个梦想，我可以在可调整大小的div中有响应式布局......
当你想到它时很容易。
<强> ASIDE：
我尝试使用flexbox，虽然这实现了我所追求的一些目标（即拉伸内容以填充可用空间），但是当将内容缩小到低于其@media属性和包装机制时，它失败了是的，说穿了，漂亮的裤子。虽然有很多设置可以使用，但很可能将其用于特定用例。这肯定是一个更简洁的解决方案。