enow.com Web Search

Search results

1. Results from the WOW.Com Content Network

2. Maintain the aspect ratio of a div with CSS - Stack Overflow

   stackoverflow.com/questions/1495407

   New in Chrome 88 and soon to follow in other browsers is the new CSS aspect-ratio property. The aspect-ratio CSS property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions. CSS Tricks Article. More Information

3. css - How to force image resize and keep aspect ratio? - Stack...

   stackoverflow.com/questions/12991351

   Firefox 71+ (2019-12-03) and Chrome 79+ (2019-12-10) support internal mapping of the width and height HTML attributes of the IMG element to the new aspect-ratio CSS property. The calculated aspect ratio is used to reserve space for the image until it is loaded, and as long as the calculated aspect ratio is equal to the actual aspect ratio of ...

4. css - How to apply aspect-ratio media query - Stack Overflow

   stackoverflow.com/questions/66626536

   For this purpose i created 2 media on the aspect-ratio but for some reasons only the first @media applies to all images regardless of the aspect-ratio of each image. @media (min-aspect-ratio: 3/4) { .Visible { max-width: calc(60% - 400px); height: auto; } } @media (aspect-ratio: 4/3) { .Visible { max-width: calc(60% - 80px); height: auto; } }

5. Responsive CSS Grid with persistent aspect ratio

   stackoverflow.com/questions/51577807

   CSS Evolution : aspect-ratio property. We can now use aspect-ratio CSS4 property (Can I Use ?) to manage easily aspect ratio without padding and pseudo-element tricks. Combined with object-fit we obtain very interesting rendering. Here, photos of various ratios I need to render in 16/9 :

6. css - How to maintain aspect ratio using HTML IMG tag - Stack...

   stackoverflow.com/questions/12912048

   Setting the CSS height to "64px" and the width to "auto" forces width to start with the native image width (not image attribute width) and then calculate a new aspect-ratio using the CSS style for height. That gets you a new width.

7. Maintain aspect ratio of div but fill screen width and height in...

   stackoverflow.com/questions/20590239

   Use a CSS media query @media together with the CSS viewport units vw and vh to adapt to the aspect ratio of the viewport. This has the benefit of updating other properties, like font-size, too. This fiddle demonstrates the fixed aspect ratio for the div, and the text matching its scale exactly. Initial size is based on full width:

8. css - How to maintain an aspect ratio of iframe - Stack Overflow

   stackoverflow.com/questions/35474628

   This is now possible with the new aspect-ratio CSS property:.element { width: 100px; aspect-ratio: 2 / 1 ...

9. css - scale HTML5 Video and break aspect ratio to fill whole site...

   stackoverflow.com/questions/4000818

   If you want the video to fill the size of the <video> element but the video is scaled correctly to fill the container while keeping the aspect ratio in tact you can do this with CSS using object-fit. Much like background-size for background images you can use the following: video { width: 230px; height: 300px; object-fit: cover; }

10. Responsively change div size keeping aspect ratio [duplicate]

    stackoverflow.com/questions/12121090

    Maintain the aspect ratio of a div with CSS. 2120. How to auto-resize an image while maintaining aspect ...

11. css - Use flexbox and maintain an aspect ratio even though...

    stackoverflow.com/questions/44009015

    There are a lot of questions on SO about maintaining the aspect ratio of an element (with flexbox or without). However, my problem is slightly different as I want to override the aspect ratio of a child image element: Make sure the image covers the element (object-fit: cover) completely; Make sure the element is 1:1 (i.e. a perfect circle)