tympanus.net/codrops/2011/08/30/automatic-image-montage/

Попробуйте HTML-фреймворки HTML5 Boilerplate. В них уже все сделано. Не могу сказать точно относительно айпада, но на Android-планшете верстка с media queries отлично работает с обеими ориентациями экрана.

Реализовано с помощью медиазапросов, они позволяют применять стили к элементам на странице исходя из определённых условий (например, ширины экрана или типа устройства):

@media screen and (max-width: 800px) {
  /* Прячем большое изображение для ширины экрана не более 800px */
  .huge-desktop-image { display: none; } 
}

@media print {
  /* стили для печати */
}

https://developer.mozilla.org/en-US/docs/Web/Guide...

Courier New -> Consolas -> DejaVu Sans Mono -> Menlo

Menlo — аналог Monaco в Mac OS X и шрифт по умолчанию в Sublime Text 2:



А вообще, вам сюда