如何調整圖像html的寬度除了寬度

Question

這可能是基本的，但我是img標籤的新手。在此網站morningsignout.com上，我想調整圖像大小以使它們更小。我學習瞭如何在「螢火蟲」中編輯它們的img標籤屬性，其中「height =」40％「」，但它似乎不適用於任何文章的主要圖像。我如何在html中調整它們的大小？

Answer 1

我假設你想根據視圖窗口的高度來調整圖像大小。要做到這一點，你可以在css中使用vh單元。 100 vh單位是用戶正在查看頁面的屏幕高度。

下面是設置所有IMGS視口高度的40％

img { 
 
    height: 40vh; 
 
}