blob: b6d9753ea3cb1c4907fb8e84f3b68bbec3cd194a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<!DOCTYPE html>
<style>CSS zoom applies to width when specified and inherited</style>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-viewport/">
<link rel="match" href="width-ref.html">
<style>
#parent {
width: 100px;
background: red;
}
#child-zoomed {
zoom: 2;
width: inherit;
background: lime;
height: 100px;
}
#child {
width: 200px;
height: 200px;
background: green;
}
</style>
<p>You should see two squares below. One lime, and one green.</p>
<div id="parent">
<div id="child-zoomed"></div>
<div id="child"></div>
</div>
|