デスクトップ コンピューターでこの Web サイトを確認してください。
http://www.imageworkz.asia/cranium
ここのヘッダーとフッターはデスクトップ コンピューターでは問題なく表示されますが、これを iPad やその他のモバイル デバイスで表示すると. ヘッダーとフッターが完全ではないように見えます。
firebug で確認すると、それらの幅はすべて 100% に設定されているため、100% 全体に対応しない理由はありません。
何か案は？
2 に答える
0
HTML5 ボイラープレートはレスポンシブです。ブラウザーのサイズを縮小すると、iPad (またはその他の小型デバイス) と同じ応答が新しい解像度でエミュレートされます。headerとはfooter新しい幅を持ちます。css メディア クエリを確認することをお勧めします。
于 2012-05-07T03:28:18.947 に答える
0
css3 メディア クエリを使用して、iPad のスタイリングをターゲットにすることができます。
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
于 2012-05-07T04:34:53.850 に答える