I need to scale the content of an iframe so it fits and shows right on iphone. Im using transform:scale property and it shows fine in any browser, but safari for iphone, which is exactly the device i made the page for. The content is not reduced in size, but rather the container, which causes the content to be only half visible.
This is my html code:
and my css:
<iframe src="http://www.blog.com/index.php" class="blog"></iframe>
border: 0 none;
-web-kit-transform: scale(0.7, 0.8);
-web-kit-transform-origin: left top 0;
Is there a work around for this?