求解
<!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>
付费偷看金额在0.1-10元之间
因为img标签默认是行内元素(好像是这么说的),也就是inline,行内元素设置宽度是无效的,display: block; 之后为块级元素。设置了width才有效
为何不用flex布局呢?
解决图片常见问题---底部多余留白
display:block;
不需要啊,直接width=100%,就可以呀,前提要有 移动端的 meta 标签
设置img为:
一周热门 更多>