IFRAME and width 
Автор: Bjorn Andreassen
Просмотрено 1434,
Подписчики 1,
Размещенный 0
How can I set different widths for IFRAME in different Viewport?
Example:
- 70% width for desktop
- 100% width for mobile
Размещено
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
Автор
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>