| <!DOCTYPE> |
| <html> |
| <style> |
| #element-container-absolute-vw { |
| background:green; |
| position:absolute; |
| } |
| </style> |
| <div id="element-container-absolute-vw">TEST PASSED</div> |
| <script> |
| function applyStyle() { |
| var viewportWidth = window.innerWidth; |
| var elementStyle = document.getElementById("element-container-absolute-vw").style; |
| elementStyle.top = Math.floor(10 * viewportWidth / 100) + "px"; |
| elementStyle.bottom = Math.floor(10 * viewportWidth / 100) + "px"; |
| elementStyle.left = Math.floor(10 * viewportWidth / 100) + "px"; |
| elementStyle.right = Math.floor(10 * viewportWidth / 100) + "px"; |
| } |
| applyStyle(); |
| </script> |
| </html> |
