Conversation

Notices

1. Embed this notice
   Morgan Gangwere (job-seeking) (indrora@social.sdf.org)'s status on Saturday, 18-Mar-2023 05:42:37 JST Morgan Gangwere (job-seeking)

   • Thomas 🔭🕹️

   @thomasfuchs https://css-tricks.com/aspect-ratio-boxes/ https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio does this help?

   • Embed this notice
     Morgan Gangwere (job-seeking) (indrora@social.sdf.org)'s status on Saturday, 18-Mar-2023 05:47:22 JST Morgan Gangwere (job-seeking)

     • Thomas 🔭🕹️

     @thomasfuchs what's your goal?

   • Embed this notice
     Morgan Gangwere (job-seeking) (indrora@social.sdf.org)'s status on Saturday, 18-Mar-2023 05:55:44 JST Morgan Gangwere (job-seeking)

     • Thomas 🔭🕹️

     @thomasfuchs For what purpose?

     `calc(calc(0%+1vh) / calc(0%+1vw))` might get you there, since that avoids the Number As Argument, but I forget if you can stack calc() calls.

     You can media-query against the aspect ratio, too: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio

   • Embed this notice
     Matti Järvinen (nemeciii@mastodon.social)'s status on Saturday, 18-Mar-2023 06:48:50 JST Matti Järvinen

     • Thomas 🔭🕹️

     @thomasfuchs I just miss how nice it was when WAP had XML descriptor url from the device to the backend showing screen ratio, pixel size, content size with a scrollbar etc.