IFRAME and width 
Author: Bjorn Andreassen
Visited 1284,
Followers 1,
Shared 0
How can I set different widths for IFRAME in different Viewport?
Example:
- 70% width for desktop
- 100% width for mobile
Posted on the
Hello Bjorn
Look when you create an iframe for your website then it will be automatically adjusted to mobile. Take an example
Your Desktop viewport is 1280 and Mobile viewport is 320.
If you want to insert two or 3 iframes in one coloumn of your project and set a width of 425 for each then it will be automatically adjusted for mobile.
If you want several percentage for your iframe on desktop then you have to adjust your iframe width according to your viewport
Thank you
Author
Fix for my problem:
<style>
@media screen and (min-width: 1200px) {
.colum {
width: 60%;
}
}
@media screen and (max-width: 1024px) {
.colum {
width: 100%;
}
}
</style>
<div class="colum">
</div>