手机端响应式布局时,图片设置width=100%后,还有设置display:block才能实现自适应 财富值65

2016-10-24 13:35发布

求解

<!DOCTYPE html> <html lang="zh-cn"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">     <title>移动端</title>     <style>         img {display: block; max-width: 100%; }     </style> </head> <body>      <img src="img/tour1.jpg" alt="">  </body> </html>

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
6条回答

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

为何不用flex布局呢?

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

display:block;

不需要啊,直接width=100%,就可以呀,前提要有 移动端的 meta 标签

设置img为:

一周热门 更多>