www.webdeveloper.com
Results 1 to 2 of 2

Thread: transform:scale in iframe not working properly on iphone

  1. #1
    Join Date
    Jul 2006
    Posts
    373

    transform:scale in iframe not working properly on iphone

    Hi,

    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:

    HTML Code:
         <iframe src="http://www.blog.com/index.php" class="blog"></iframe>
    and my css:

    Code:
    .blog {
        border: 0 none;
        height: 4350px;
        left: 0;
        overflow-x: hidden;
        position: absolute;
        top: -150px;
        -web-kit-transform: scale(0.7, 0.8);
        -web-kit-transform-origin: left top 0;
        width: 148%;
    }

    Is there a work around for this?

    Thank you.

  2. #2
    Join Date
    Jul 2006
    Posts
    373
    Any answer please?? Man! what happened to this forum?? its going DOWNHILL!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles