外容器是固定宽 200px 高 200px
假设两张图片
a 宽200px 高 400px
b 宽400px 高 200px
不考虑采用背景, 设定 img的样式为 max-width:100% height:auto
a的宽度会完全显示,高度截取一半,显示没问题
b的宽度会完全显示,但是图片的高度只一半,即100px,留下一个白边
如果是max-height:100% width:auto 结果会反过来
这种情况怎么处理?
外容器是固定宽 200px 高 200px
假设两张图片
a 宽200px 高 400px
b 宽400px 高 200px
不考虑采用背景, 设定 img的样式为 max-width:100% height:auto
a的宽度会完全显示,高度截取一半,显示没问题
b的宽度会完全显示,但是图片的高度只一半,即100px,留下一个白边
如果是max-height:100% width:auto 结果会反过来
这种情况怎么处理?
2 回答812 阅读✓ 已解决
4 回答870 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
2 回答987 阅读✓ 已解决
2 回答2.5k 阅读
2 回答1.5k 阅读
1 回答977 阅读✓ 已解决
图片的height和width都设置成100%,图片不就占满盒子吗