需要设置内联样式="width:window.innerWidth"

Question

我想达到以下效果:

<div id='leftSide' style="width: window.innerWidth"> AS WIDE AS CLIENT WINDOW </div>

我认为不可能像上面那样编码.原因是,"window.innerWidth"是窗口对象的Javascript属性 - 我没有看到如何在我的内联CSS中使用该值.

另外,我避免使用'onLoad()'处理程序.我知道我可以添加一个onLoad()处理函数来处理页面的body标签中的页面加载,然后使用我想要设置宽度的所有javascript.但我不喜欢在我的页面中使用onload处理程序.

那么,有没有一些方法,我inline'd CSS访问"window.innerWidth的价值吗？

Answer 1

只需使用100vw宽度:

style="width:100vw"

vw表示相对于视口宽度.担心浏览器兼容性？请100%改用.但是vw如果它在一个小容器中使用会更好.