percentage) which will have a rendered size relative (or dependent) on the parent element’s size. This is in contrast to “relative units” (e.g. Note: “Absolute units” refer to units that are rendered the same size regardless of the window or parent element’s size. Daily Prebuilt fills the container element by defaultĪnother example of when the iframe’s dimensions may cause issues on window resize or on different devices is if you set the dimensions using absolute units (e.g. However, you might find the black bars above and below the video may take up more space than is ideal or maybe you don’t want to show them at all. In some cases, this may be exactly what you want. In the example below, the video fills the parent container, which has a height that is larger than the width. One situation where it may become an issue is if the parent container changes size often or if it is not actually the dimensions you want the video call to be. Another way of saying that “in CSS” is that the width and height properties have a value of 100%.įor the most part, this is a good default to set you probably want the video to fill the available space. Understanding the UI issues we’re trying to solveīy default, the Daily Prebuilt iframe that gets embedded into your app will fill the space available in the parent element.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |