在網站設計開發中，有時候需要將元素的高度設置為全屏，以達到更好的用戶體驗和視覺效果。在H5和CSS中，設置元素高度全屏有多種方法。

/*方法一：使用height:100vh*/
.element{
height:100vh;
}
/*方法二：使用height:100%并將html和body的高度設置為100%*/
html,body{
height:100%;
}
.element{
height:100%;
}
/*方法三：使用position:absolute和top、bottom屬性*/
.element{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

以上三種方法都可以實現元素高度全屏，但適用場合不同：

方法一適用于直接設置元素高度的情況，比如設置背景圖全屏。

方法二適用于需要相對于父元素設置高度的情況，需要將html和body元素的高度均設為100%。

方法三適用于需要定位的元素全屏，使用position:absolute、top、bottom、left、right屬性來設置。

需要注意的是，在使用以上方法時，要避免元素的margin和padding影響到元素的高度。

/*避免margin和padding造成元素高度溢出*/
.element{
box-sizing:border-box;
margin:0;
padding:0;
height:100vh;
}

以上就是在H5和CSS中設置元素高度全屏的方法，根據不同的需求選擇不同的方法，實現更好的用戶體驗和視覺效果。