Monday, September 23, 2013

quick and dirty "what will it look like in an iphone" mockup

<div style="background-image:url(iphone.png); width:396px; height:745px; position:relative;">
    <iframe style="width:320px; height:460px;  position:absolute; left:38px;top:145px; border:none;" src="http://kirk.is/"></iframe>    
</div>

with this image:

The one problem is scrollbars will be visible. I mess around with scrolling="no", but that eliminates keyboard and mousewheel scrolling. I tried some other tricks but nothing really jelled.

(See also: http://www.responsinator.com/ )

No comments:

Post a Comment