Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<title>-webkit-flex-basis:inherit applies zoom</title>
<link rel=help href=https://drafts.csswg.org/css-flexbox/>
<link rel=match href=flex-basis-ref.html>
<style>
.container {
display: flex;
background: skyblue;
-webkit-flex-basis: 50px; /* For explicit inheritance. */
}
.zoomed {
background: coral;
-webkit-flex-basis: inherit;
height: 100px;
zoom: 2;
}
</style>
<div class=container>
<div class=zoomed></div>
</div>