Personal I have a C # MVC5 project and my scenario is as follows: I have to open in a friendly url a large series of pages (with media content) made by third parties. One at a time clear (according to the parameter received) I then created this friendly URL and in my View I load this page in an iframe:
<iframe id='TourVirtual' runat='server' frameborder='0' allowFullScreen=allowFullScreen src="@ViewBag.Link" gesture="media"></iframe>
It works cool on the desktop, but the responsiveness of the page inside the iframe does not work accordingly, it should readjust the size of buttons and images more appropriately to the small screen. As I am an amoeba in relation to css ... wanted to know:
How do I prepare the child page to load into an iframe so that it maintains responsiveness? Or maybe this "preparation" is not necessary if I load the page in another way. I accept suggestions.
UPLOAD ----------------------------------------
I even tried to load the page through the backend (razor). with this code:
@{
string URL = ViewBag.Link;
//bool HomeH1 = Request.Url.Segments.Length == 1;
WebClient client = new WebClient();
client.Encoding = System.Text.Encoding.UTF8;
var header = client.DownloadString(URL);
}
@Html.Raw(header)
But I was not successful because the path to the css and js of the page itself is passed indirectly /archivoccdoscara.css then it takes the url from my site and fixes everything. And I can not change these paths, because as I said this stuff is produced by third parties and there are already dozens (maybe hundreds ready) so even giving me permission to change their js / css routes would not be viable.
UPLOAD ----------------------------------------
The problem I'm trying is best exemplified in the following screenshots:
Here's how you should load (when directly accessable) screenshot.net/pt/79q54hd
Here's how it's being uploaded (when using iframe) screenshot.net/pt/8gowrbw
Note that instead of following the proper formatting of mobile devices, the content only shrinks in size.