旋轉木馬，有選擇的高度

Question

我正在嘗試在自舉程序中為旋轉木馬設置一個高度。 如果將高度設置為700px，則輪播看起來像是在響應中的廢話。 那么，如何解決此問題，使輪播在台式機和智能手機等上看起來不錯？ 合適的高度應該是多少？

Answer 1

您可以嘗試使用vh and vw獲取視口的高度和寬度

.class{ 
  width: 50vw; 
  height: 50vh;       
}

使用vw / vh，我們可以將元素的大小設置為相對於視口的大小。 vw / vh單位很有趣，因為1單位反映了視口寬度的1/100。 例如，要使元素成為視口的整個寬度，請將其設置為width：100vw。

有關更多信息， 請參考此鏈接

1vw =視口寬度的1％
1vh =視口高度的1％
1vmin = 1vw或1vh，以較小者為准
1vmax = 1vw或1vh，以較大者為准

Answer 2

也許您應該嘗試使用百分比代替固定高度，例如40％。