親切デスクトップコンピュータでは、このウェブサイトをチェック：あなたはiPadや任意のモバイルデバイスでこれを表示する場合CSSの問題が
http://www.imageworkz.asia/cranium
をここにヘッダーとフッターは、デスクトップコンピュータで正常に見えるけど。ヘッダーとフッターは、完全ではないかのように見えます。
ファイヤーバグでそれをチェックすると、それらの幅はすべて100％に設定されているので、100％全体を収容できない理由はありません。
アイデア？
HTML5ボイラープレートは応答性があります。ブラウザのサイズを縮小すると、新しい解像度のiPad（または他の小型デバイス）と同じ応答をエミュレートします。 headerとfooterは新しい幅をとります。あなたは、cssのメディアクエリをチェックしたいかもしれません。
あなたはiPadのスタイリングをターゲットにするCSS3メディアクエリを使用することができます。以下のような何か：
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
は、それはそれであっても、彼らのブラウザは古代であること、それらを伝えることで、潜在的な顧客を侮辱するために、おそらくこのような良いアイデアではありません真実。 – JoshRoss
私はそれを変更する必要がありますね。これはHTML5ボイラープレートのデフォルトの文です。 –