css - 手机端响应式布局时，图片设置width=100%后，还有设置display：block才能实现自适应？

Question

求解 {代码...}

怪我咯 · Answer

img標籤是行內元素，行內元素是沒有width和height屬性，自然無法設定。需要設定成block，才可以設定。但是img標籤比較特殊，跟input又叫替換元素，自身就有width和height，所有隻是為了設定width和height，改變display為block是沒有必要的。畫蛇添足而已

天蓬老师 · Answer

因為img標籤預設是行內元素（好像是這麼說的），也就是inline，行內元素設定寬度是無效的，display: block; 之後為區塊級元素。設定了width才有效

迷茫 · Answer

為何不用flex版面呢?

大家讲道理 · Answer

不需要啊，直接width=100%，就可以呀，前提要有行動端的 meta 標籤

天蓬老师 · Answer

解決圖片常見問題---底部多餘留白

設定img為：

display:block;

php8，我來也