IT_interest
safe very
采纳率0%
2021-01-21 00:35 阅读 26

图片等比缩放及自适应

结构:一个div,包含一个img元素
功能:

1.这个div正常宽高是固定的,但是在屏幕缩小的时候,宽高要等比例缩小,里面的图片也要等比例缩小。
2.图片不一定是正好符合div的宽高的,在图片较大的时候要让图片取中间部分,其余隐藏;在图片较小的时候,图片放大,取 中间部分。这两种情况图片不能变形。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • Menkongkong Menkongkong 2021-01-21 11:32

    这样的情况建议不要使用img,应该讲图片变为div的背景,通过背景定位来保证背景图片显示中间部分。

    点赞 评论 复制链接分享
  • qq_19689967 ONEGISER1305780485 2021-01-21 14:49
    点赞 评论 复制链接分享

相关推荐