Responsive iframe height according to the screen size (mobile x desktop) #mediaqueries
If you already have problems to handle iframes height to be properly displayed in mobile device (iphone, android, etc.) and also properly displayed in desktop, here we show a possible solution with 100% pure CSS, without JS code programming. Here we are going to make the iframe height varies accordingly the device screen size, creating a responsive experience. Knowledge is one of few things we can share without reducing or subtracting it. This channel is an attempt to bring education about technology, without costs, to all corners of the planet. We believe technology knowledge in good hands, like yours, can assist to build a better world. Do you want to support this channel? Please just subscribe. 00:00 iFrame height issue on different devices (mobile x desktop) 01:31 Presentation - Talking about Computer Science 01:56 CSS code presenting - issue demonstration 03:45 Media queries utilized and defined css per device type (mobile and desktop)
If you already have problems to handle iframes height to be properly displayed in mobile device (iphone, android, etc.) and also properly displayed in desktop, here we show a possible solution with 100% pure CSS, without JS code programming. Here we are going to make the iframe height varies accordingly the device screen size, creating a responsive experience. Knowledge is one of few things we can share without reducing or subtracting it. This channel is an attempt to bring education about technology, without costs, to all corners of the planet. We believe technology knowledge in good hands, like yours, can assist to build a better world. Do you want to support this channel? Please just subscribe. 00:00 iFrame height issue on different devices (mobile x desktop) 01:31 Presentation - Talking about Computer Science 01:56 CSS code presenting - issue demonstration 03:45 Media queries utilized and defined css per device type (mobile and desktop)