So, basically I have an image of a phone with transparent screen in which i placed an iframe. Now to let it seem like the website is in the phone I want the website to be display as mobile version. Now its like i would just squash the window.
Asked
Active
Viewed 196 times
0
-
Just make the iframe the size of a phone – IT goldman Jul 21 '22 at 19:48
-
the content of the iframe should be like on a phone. I already resized it so it would fit but the website itself, the content, is just smushed together. It doesnt look good – Betalytics Jul 21 '22 at 19:52
-
That's a problem with the website. It should rely on screen size, not anything else to determine whether to show the "mobile" version. The modern approach is to just use [media queries](https://stackoverflow.com/a/7354648/227299). – Ruan Mendes Jul 21 '22 at 19:58
-
If it was a responsive website it should have respond to mobile width. This website probably redirected you to a different url for mobile using some auto-detecting method. – IT goldman Jul 21 '22 at 19:58
-
Is there a mobile version of the site, such as m.facebook.com? Do you control the website you are putting in an iframe? – Ruan Mendes Jul 21 '22 at 20:01
-
No, I dont really control this site. Its probably just a bad site tbh. – Betalytics Jul 21 '22 at 20:05
-
Does it offer a version of the site that is meant to be embedded in an iframe? It's a security risk for most sites to let itself be put in an iframe without making sure it's not subject to [clickjacking](https://owasp.org/www-community/attacks/Clickjacking) – Ruan Mendes Jul 21 '22 at 20:13