关于图片自适应问题,长宽比完全相反的怎么处理?

外容器是固定宽 200px 高 200px
假设两张图片
a 宽200px 高 400px
b 宽400px 高 200px
不考虑采用背景, 设定 img的样式为 max-width:100% height:auto
a的宽度会完全显示,高度截取一半,显示没问题
b的宽度会完全显示,但是图片的高度只一半,即100px,留下一个白边

如果是max-height:100% width:auto 结果会反过来

这种情况怎么处理?

阅读 1.7k
1 个回答

图片的height和width都设置成100%,图片不就占满盒子吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题