javascript - 我在另一个具有特定宽度的 div 中有一个 div，但我希望子 div 的宽度与浏览器屏幕大小的百分比而不是其父 div？

Question

我在另一个具有特定宽度的 div 中有一个 div，但我希望子 div 的宽度与浏览器屏幕大小成百分比而不是与其父 div 的百分比，这意味着当我将子 div 的宽度设置为 50% 时，我希望它的大小是浏览器屏幕的 50% 而不是其父元素的 50%，我不想将它从父子元素中删除它很重要，有什么方法可以在不将它从子元素中删除的情况下实现这一点？

P.S-请不要在 JQuery 中回答。 CSS 或 Javascript。如果它可以通过 css 实现，那将是非常棒的，但 javascript 也可以。

Answer 1

您可以使用 VW(视口(viewport)宽度)。示例:

.child {width : 50vw}