If client requires iframe solution and his website column has 600/650px width, how should I work with this?
Mobile maximum media queries is 990 and anything below 991 iframe width it is taken as mobile media queries width. So, what should i do in this scenario?
Through css class can we replace syntax max-width to max-device-width in sass? if yes, how should be code?
OR
Do you have suggestions in mind that would help solve the issue i am facing?
What for, why not stick with max-width?
Make your iframe fluid. Wrap it in a fluid container and set width to 100%.
Client has the left column width of 650 which is all I can use. If I use 100% the width I’ll get is 650 itself.
Masthead,Timeline carousel,Tabs, Scrollable data(photos,videos and other contents)
Are the contents that you wish to present in the iframes responsive? or fixed width?
I have a responsive solution, it can adjust itself in any dimension possible, the issue arises when our solution is used in an iframe.
Max website width=994px
Left column width is 679px
Right column width 300px
Other 15px for padding
Now my left column iframe width is 100% but I’ll get is 679 itself and rendering mobile media queries.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.