0

iPhone ユーザー向けのメディア クエリを含む次の CSS がありますが、動作していないようです。

body
{
background: url('background.png') no-repeat center center fixed;
background-size:100%;
}

#tab
{
width:30%;
height:60%;
position:fixed;
background: url('tab.png') no-repeat center center fixed;
background-size:33%;
top:20%;
left:35%;
opacity:0.7;
}

@media only screen and (max-device-width: 480px) 
{
body
{
background:#1589FF;
}

#tab
{
width:30%;
height:60%;
position:fixed;
background: url('tab.png') no-repeat center center fixed;
background-size:33%;
top:20%;
left:35%;
}
}

通常の CSS は問題なく機能しますが、iPhone に切り替えてもデザインは変わりません。上記のメディアクエリが機能していないように見える理由を誰かが提案できますか? 何か不足していますか？

4

1 に答える 1

2

代わりは：

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

試す：

@media (max-width: 480px)

OR

 @media only screen and (max-width: 480px)
于 2013-08-26T13:00:18.107 に答える