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 ...