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

喜来力疏清浅你曾走过我的故事天 10小时前

img标签是行内元素，行内元素是没有width和height属性，自然无法设置。需要设置成block，才可以设置。但是img标签比较特殊，跟input又叫替换元素，自身就有width和height，所有只是为了开发者_StackOverflow设置width和height，改变display为block是没有必要的。画蛇添足而已

---

西西西宝 开发者_StackOverflow社区 10小时前

解决图片常见问题---底部多余留白

---

鬼迷了心窍坐看云海把昨日还给我 10小时前

displ开发者_如何学编程ay:block;

---

mimi2222 10小时前

开发者_JS百科

因为img标签默认是行内元素（好像是这么说的），也就是inline，行内元素设置宽度是无效的，display: block; 之后为块级元素。设置了width才有效

---

QXKTY 开发者_StackOverflow中文版 10小时前

为何不用flex布局呢?

---

才放你走 开发者_运维知识库 10小时前

设置img为：

---