| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="viewport" content="width=800"> |
| <style> |
| body { |
| font-size: 16px; |
| margin: 0; |
| overflow: hidden; |
| width: 800px; |
| } |
| </style> |
| <script src="resources/autosizingTest.js"></script> |
| </head> |
| <body> |
| <div id="outer"> |
| This test verifies that a text autosizing multiplier that is inherited from a |
| parent element's ComputedStyle is reflected in the computed font size, even if the |
| specified font size is different and the next text autosizing pass doesn't alter |
| the multiplier. |
| </div> |
| <script> |
| var outer = document.querySelector('#outer'); |
| var inner = document.createElement('div'); |
| inner.innerText = outer.innerText; |
| inner.style.fontSize = '12px'; |
| outer.appendChild(inner); |
| </script> |
| </body> |
| </html> |