Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 大众对比其母公司范围更广的元素的回退_Html_Css_Viewport Units - Fatal编程技术网

Html 大众对比其母公司范围更广的元素的回退

Html 大众对比其母公司范围更广的元素的回退,html,css,viewport-units,Html,Css,Viewport Units,我有一个子元素的位置:绝对;它应该与包装器具有相同的宽度,但也有一个定位的祖先。由于“祖先”宽度取决于内容,因此我无法“反向计算”始终与包装匹配的宽度,甚至无法停留在视口内。在vw中使用宽度和包装器最大宽度,我得到了我想要的外观,但在IE8或大多数Android版本中不起作用 JS解决方案很简单,但在应用之前会导致一个可见的跳跃,如果根本不应用,则会导致一个有点破碎的布局 所以我想知道:有没有一种非js的方法来强制执行比父元素大但最多与视口一样宽的动态宽度?恐怕只有js实现可以做到这一点。这就是

我有一个子元素的位置:绝对;它应该与包装器具有相同的宽度,但也有一个定位的祖先。由于“祖先”宽度取决于内容,因此我无法“反向计算”始终与包装匹配的宽度,甚至无法停留在视口内。在vw中使用宽度和包装器最大宽度,我得到了我想要的外观,但在IE8或大多数Android版本中不起作用

JS解决方案很简单,但在应用之前会导致一个可见的跳跃,如果根本不应用,则会导致一个有点破碎的布局


所以我想知道:有没有一种非js的方法来强制执行比父元素大但最多与视口一样宽的动态宽度?

恐怕只有js实现可以做到这一点。这就是大众最初被发明的原因。这就是我担心的。我只是希望有人能为100vw找到解决办法。我想我得把最坏的情况处理一下。