0

ページにボディの背景色 (例: 青) を適用しました。しかし、このページをタブレットやモバイル デバイスで開くと、色がオレンジ色に変わるはずです。PC ブラウザ ウィンドウのサイズを変更しても、色が変わりません。出来ますか？

4

2 に答える 2

1

CSS タグを変更することで幅を変更できます。しかし、それはすべてのデバイスで変わります。

@media only screen and (max-device-width: 1440px) {

タブレットなのか、それともユーザーが使用しているデバイスなのかを特定するには、Javascript を使用してデバイスを特定できます。次に、それに応じて CSS を読み込みます。

ここでコードを見ることができます。[リンク]http://davidwalsh.name/detect-iPad[/リンク]

問題は、そこに何千ものデバイスがあることです。そのため、デバイスごとに確認する必要があります。

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null;

// For use within iPad developer UIWebView
// Thanks to Andrew Hedges!
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);
于 2012-04-13T15:06:59.420 に答える
0

CSS3 メディア クエリを試みましたか。以下に投稿されているように？

/*Common Tablet Width*/
@media only screen and (max-device-width: 1024px) {
    body{
       background-color:blue;
    }
}
于 2012-04-13T09:36:00.370 に答える