4 ms·
For responsive embeds I assume. Where the embedded ".inner" component scales it's height according to it's width.
by leddt 9y ago
For responsive embeds I assume. Where the embedded ".inner" component scales it's height according to it's width.
- ryanhefner 9y agoYeah, that was the intention. Good to use for placeholder styling until the image/video has loaded. And for things like responsive embeds/iframes.
- 52-6F-62 9y agoMaybe add an "about" or "how do I use it?" button with a panel, or a second page in case anybody is confused?
- SimeVidas 9y agoBut why are the aspect ratios based on popular smartphone screens? Notice how on the website, you select a smartphone model, and then the button on the right shows CSS code for creating an aspect ratio that matches that smartphone’s screen. What’s the use case of having an element whose aspect ratio mimics that of popular smartphone screens?
- ryanhefner 9y agoIf you happen to have a product video in your site that has been formatted for a specific phone, you can make sure the container of the video is set as the same aspect ratio of the phone. I also see the CSS as an add-on, the devices for me are more for reference, but I have used the CSS here and there for some of the Apple phones.