Live data from Hacker News

Show HN: AspectRat.io – Aspect ratio calculator and device resolutions resource

aspectrat.io

31–34 of 34 posts

Re: Show HN: AspectRat.io – Aspect ratio calculator and device resolutions resource

#31
post #6

Earlier quoted context omitted.

He/she/it hasn't heard of 1920x1200 :) All those devices are 16:9 i think?

Yeah, I need to beef up the devices/resolutions listing. What device(s) have 1920x1200?

My monitor, for example. Or do you only design for phones? I'm afraid I'll close your sites sight unseen if you do them that way.

Re: Show HN: AspectRat.io – Aspect ratio calculator and device resolutions resource

#32
post #5

What’s the use case for the CSS code? The `padding-top` value doesn’t account for the OS and browser’s chrome (status bar, URL bar, etc.), so the `.inner` element doesn’t fit into the viewport.

For responsive embeds I assume. Where the embedded ".inner" component scales it's height according to it's width.

But 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?

Re: Show HN: AspectRat.io – Aspect ratio calculator and device resolutions resource

#34
post #5

Earlier quoted context omitted.

For responsive embeds I assume. Where the embedded ".inner" component scales it's height according to it's width.

But 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?

If 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.

Post reply on HN