I recently noticed something with the virtual tour that is embedded in an iFrame.
I'm using an iFrame at my customers website to mask that the the tour is externaly hosted. The html code I'm using is:
Code: Select all
<!DOCTYPE html>
<html>
<body>
<iframe src="https://skynl.eu/Catharinahof" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px;"></iframe>
</body>
</html>
A screenshot from the iPhone:
This iFrame works fine when opening it on desktop, but when testing it on my iPhone 11 Pro latest iOS the menu/splash and hotspot-arrows are not scaled. They should be bigger to be readable. To compare, here is the direct link to the original tour:
https://skynl.eu/Catharinahof
A screenshot from the iPhone, this is what it should be:
Any idea how to fix this ? Am I missing some iFrame options ?
Regards,
Arjan