2
私はサムスンS4とS5の電話を持っています。私は両方の携帯電話を対象とする正しいメディアクエリを取得しようとしています。サムスンS4とS5の個別のメディアクエリ
私が持っているコードは次のとおりです。
/*General*/
.divStyle
{
height:20px;
}
/*Samsung S4*/
@media screen and (min-device-width: 320px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3){
//example
color: yellow
}
/*Samsung S5*/
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3){
//example
color: blue
}
私はS5およびS4の両方をターゲットにすることを目指し、CSSコールdivStyleを持っています。しかし、S4では、アラインメントがS5とは異なって現れる。だから私はそれらを別々にターゲットにするためにメディアクエリを使用しようとしました。
media queryを実行すると、S5とS4の両方がblueと表示されます。しかし、私がSamsung S5 codeをコメントアウトすると、S5とS4の両方がyellowと表示されます。それぞれに個別に登録する正しいメディアクエリを取得するにはどうすればよいですか？
特定の画面サイズでデバイスをターゲティングする場合、なぜミニバージョンと最大バージョンを使用していますか？ – CBroe
'min-device- *'は推奨されていません。 – LGSon
[Media query for Samsung galaxy s3 and s4]（https://stackoverflow.com/questions/30382605/media-query-for-samsung-galaxy-s3-and-s4）の可能な複製 – LGSon