With a fullscreen html/css layout, and has to be compatible in all browsers and devices, it’s close to impossible. Modern browsers handled it quite well, but for IE9, we had to make a few adjustments and modifications. It works on the ipad and smaller screen resolution with a bit of layout adjustment. Although everything looked too small for smartphones. So we decided to make a special mobile site.
We kept everything on one page, so visitor will scroll down to navigate through the page, instead of clicking a button and to load another page. We figure scrolling pages is far more fun on the iPhone. Rotating the phone to either portrait or landscape works well because of the large canvas. The picture was still sharp and no extra loading time was spent. The jquery photoswipe plugin was used to have a horizontal swipe of text on a section of the site. Scrolling and swiping on the iphone beats clicking any day!!