question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Static Display aspect ratio 4:3 or 16:9

See original GitHub issue

Description

When I change my browsers width or height the layout (resp. the ratio is changing). That means the rendering of the presentation changes.

It would be great to have a container in the browser with a fix ratio. Such as 4:3 or 16:9. Which will not change based on the browsers size. Of course when changing the browser size the presentations size will increase or decrease but the ratio will remain same.

Reproduce

./cli.js docs/index.mdx
  • third last slide - inline image.
  • Make the browser small. Text “inline image” will be moved out of the visible space.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
vlsicommented, May 31, 2020

@jxnblk , hi there

I see #342 was merged, however, it seems to be absent in mdx-deck 4.1.1.

Was the future removed? Are there challenges with aspect ratio?

0reactions
jxnblkcommented, Apr 4, 2019

You should be able to do this with a custom theme and applying styles to the Slide component, see https://github.com/jxnblk/mdx-deck/blob/master/docs/theming.md#reference

Read more comments on GitHub >

github_iconTop Results From Across the Web

4:3 vs 16:9 Aspect Ratio: Which is Best For Your Use?
16:9 is the native aspect ratio of most high-definition widescreen LCD monitors and TV's (16:9 and 16:10 are very similar). It is 78%...
Read more >
What is the Aspect Ratio? (4:3, 16:9, 21:9) - RTINGS.com
The aspect ratio is the ratio between the width and the height of a display. It defines its overall shape, and it is...
Read more >
Aspect Ratio | What you need to know for your Digital Display
Modern, LCD-based screens are rectangular and have a 16:9 ratio. This means that every 16 pixels in width are accompanied by 9 pixels...
Read more >
Techie Tuesday: Choosing the correct aspect ratio, 4:3 or 16:9?
Since the recent introduction of High Definition video, the wider 16:9 aspect ratio has emerged as the new standard.
Read more >
Aspect Ratio: Everything You Need to Know for 2022
However, Instagram typically uses a square aspect ratio. The image resolution could be full HD (1920 x 1080), but you can change the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found