1. Cross-browser iframe scaling

    Mon 06 August 2012
    cfarmer

    This is just a quick post to document an annoyance (and solution) that I’ve recently discovered when trying to scale a webpage embedded in another page using an iframe. When trying to come up with a nice way to embed this page inside this page, I found that webkit based browsers were not behaving as they should. After a lot of fiddling about, I discovered that the following css seems to fix the issues:

    #wrap {  
        width: 630px;
        height: 300px;
        padding: 0;
        overflow: hidden;
    }
    #frame {  
        -ms-zoom: 0.5;
        -ms-transform-origin: 0 0;
        -moz-transform: scale(0.5);
        -moz ...

    read more

    comments

twitter

recent visitors