Javascript 如何将按钮高度设置为视口高度

我这样做是为了获得视口高度并设置按钮高度

var viewportHeight = $(window).height();
var viewPortHeightStr = `\"${viewportHeight}px\"`
document.getElementById("button").style.height = viewPortHeightStr
console.log('viewPortHeightStr = '+viewPortHeightStr) // prints "750px"

控制台记录750px，但按钮的高度不受影响，但这是可行的

document.getElementById("button").style.height = "750px"

为什么?

这是按钮标签

<button id="button" class="btn-basic">x</button>

---

这在CSS中很容易。使用：

height: 100vh;

这意味着100%的视口高度

在您的代码中，问题似乎是：

var viewPortHeightStr = `\"${viewportHeight}px\"`
// change it to:
var viewPortHeightStr = viewportHeight + 'px';

片段： var viewportHeight=$window.height； var viewPortHeightStr=viewportHeight+'px'； document.getElementByIdbutton.style.height=viewPortHeightStr console.log'viewPortHeightStr='+viewPortHeightStr//prints 750px x

document.getElementById("button").style.height(viewPortHeightStr);

而不是

document.getElementById("button").style.height = viewPortHeightStr

---

非常感谢，如果您能解释我的解决方案不起作用的原因，这将从技术上回答我的问题您需要100%的vport高度？我只是在学习如何按比例设计视口，所以不，我不需要