Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Responsive website redirected in iframe isn't responsive

I have multiple domains who redirect to the same responsive website by iFrame.

The problem is, when I visit these website's on a mobile device, it's not longer responsive.

The original website, http://m.isero.nl/, works perfect.
But it's not longer responsive when I use a domain who redirect by frame, like http://iseroijzerwarengroep.be/.

How can I make this website responsive to mobile devices inside an iFrame?

I tried this in my css:

iframe, object, embed{
   width: 100%;
   height: auto;
}

But no success.

like image 647
DlennartD Avatar asked Nov 18 '25 08:11

DlennartD


1 Answers

The problem is that your parent sites don't have the appropriate viewport meta-tag in the <head>. That tag is present in the child site:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
like image 136
Stephen Thomas Avatar answered Nov 20 '25 20:11

Stephen Thomas