Adjust width of web page in iframe with transform - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Iframe

Description

Adjust width of web page in iframe with transform

Demo Code

ResultView the demo in separate window

<html>
   <head> 
      <style type="text/css">
#frame {<!--  www .  j a v  a  2s.c o m-->
   -ms-zoom: 0.5;
   -ms-transform-origin: 0 0;
   -moz-transform: scale(1);
   -moz-transform-origin: 0px 100px;
   -o-transform: scale(1);
   -o-transform-origin: 0px 100px;
   -webkit-transform: scale(1);
   -webkit-transform-origin: 0 0;
   width: 400px;
   height: 400px;
}

      </style> 
   </head> 
   <body> 
      <div id="popup"> 
         <iframe id="frame" src="http://java2s.com" scrolling="auto" align="center" poster="#"></iframe> 
      </div>  
   </body>
</html>

Related Tutorials