CSS で次のメディア クエリを使用すると、Gear 2 Neo (SM-R381) では問題なく動作しますが、古い Gear 2 (SM-R380) では動作しません。理由はわかりますか?おそらく、この 2 つのデバイスでサポートされている API レベルの違いに関係しているのでしょうか。任意のポインタをいただければ幸いです。グーグルはこれまでのところ役に立ちませんでした。
スタイルは SM-R380 では完全に無視されますが、SM-R381 では尊重されます。
@media screen and (max-width: 320px) {
/*
.ui-header {
top: 0;
height: 46px;
padding: 0;
border: 0;
}
.ui-footer {
border: 0;
padding: 0;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
}
.ui-header > button, .ui-footer > button {
height: 46px;
padding: 0;
line-height: 48px;
}
footer.ui-footer {
height: 46px;
}
*/
.icon-title {
max-width:250px;
}
.icon-title-menu {
max-width:200px;
}
. digit {
width: 23px;
height: 34px;
float: left;
margin-right: 1px;
margin-left: 1px;
background-size: 100%;
background-repeat: no-repeat;
}
.colon {
background-image: url(../img/14x51/colon.png);
width: 8px;
height: 40px;
}
.token {
margin-left:auto;
margin-right:auto;
margin-top:5%;
width:154px;
height:auto;
}
.time {
margin-left:auto;
margin-right:auto;
margin-top:5%;
width:170px;
height:auto;
}
.pb {
margin-left:auto;
margin-right:auto;
margin-top:27%;
width:64px;
height:64px;
background-size: 100%;"
background-repeat: no-repeat;
}
}