如何让图片自适应不同屏幕宽度,并居中显示。

 我们在浏览网站的时候发现,很多网站的banner图片都是全屏宽度。这种图片都是在不同分辨率下都是显示图片的中间部分,这里我们介绍两种方式,

第一种就是常见的方式,用定位
我简单定义为三部曲:

  • 让包裹图片的盒子绝对定位,
  • left:50%,
  • Margin-left:图片宽度的一半
    看例子吧:




Title

未经允许不得转载:淏予工作室 » 如何让图片自适应不同屏幕宽度,并居中显示。

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏