正確的圖像顯示

Question

因此，我正在創建自己的響應式網站。 我的問題是 - 如何正確設置圖像寬度？

圖像必須設置最小寬度和最大寬度100％。我試圖混合他們那樣

max-width: 100%; 
    min-width: 100%; 

但它沒有奏效。所以我用這個代碼代替

max-width: 100em; 
    min-width: 100em; 

它工作正常，甚至在我的網站上。我最近添加了一些內容，並且滾動條出現問題（以前沒有滾動條，內容不足）。圖像被設置爲顯示在100em，但滾動條佔用一些空間，所以要看到整個圖像，我不得不向右滾動頁面。我使用這段代碼解決了這個問題，但我不知道這是否是正確的解決方案。

max-width: 98.96em; 
    min-width: 98.9em; 

如果有任何「不太機械」的解決方案，那麼請告訴我。

謝謝你的幫助。

Answer 1

我想你不是指em，而是vw - 100vw是全視口寬度。 em是從元素的當前字體大小導出的相對測量單位。