javascript - Background-size:contain "y"? - Stack Overflow

admin管理员组

文章数量:1237560

Is there a way of making a background fit a div "height" while keeping his ratio ? Like a contain but for "y" only ? according to this answer there isn't Background Image Scaling While Maintaining Aspect Ratio however considering that the most voted answer quoted some css3 possiblities I was wondering if there was a way nowdays to do so in css3 or maybe javascript ?

Is there a way of making a background fit a div "height" while keeping his ratio ? Like a contain but for "y" only ? according to this answer there isn't Background Image Scaling While Maintaining Aspect Ratio however considering that the most voted answer quoted some css3 possiblities I was wondering if there was a way nowdays to do so in css3 or maybe javascript ?

• javascript
• css
• html
• background

Share Improve this question Follow edited May 23, 2017 at 10:29 CommunityBot 111 silver badge asked Mar 11, 2014 at 19:39 Brennan SeiBrennan Sei 1,04311 gold badge99 silver badges1212 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 17

Just set the height to 100% and the width to auto:

.foo {
    background-size: auto 100%;
}

I think this will do it:

.myDiv { background-size: cover; }

See the details here: http://www.w3schools./cssref/css3_pr_background-size.asp

本文标签： javascriptBackgroundsizecontain quotyquotStack Overflow