Mike Flynn Mike Flynn - 1 year ago 239
CSS Question

Responsive on mobile device with tables not working within iframe

I am having an issue where my website looks off on an actual mobile device, but when I resize the screen on my computer it looks just fine. This is within an iframe also, and looks fine outside of the iframe on a mobile device. Below is the actual URL, click on search for a player and you wills see the page.



Looks like someone else has this issue. (Responsive)Table Width does not fit the container inside iframe on ios safari

Desktop Resized

enter image description here

Google Chrome on iPhone

enter image description here

Answer Source

I fixed it with this from this page.

 iframe {
        width: 1px;
        min-width: 100%;
        *width: 100%;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download