Css 最小设备宽度、最大设备宽度和像素比是否足以排除较大的手机?

Css 最小设备宽度、最大设备宽度和像素比是否足以排除较大的手机?,css,media-queries,Css,Media Queries,下面的媒体查询旨在隔离iphone 5和5s中的css,它将对6、6+等生效。。在移动模式下在chrome上测试时 @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) 我没有一个实际的设备或mac来模拟实际的设备,所以我不确定查询是否不够具体,或者chrome中的开发工具是否使测试无效。这是否适用于实际手机,还

下面的媒体查询旨在隔离iphone 5和5s中的css,它将对6、6+等生效。。在移动模式下在chrome上测试时

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)

我没有一个实际的设备或mac来模拟实际的设备,所以我不确定查询是否不够具体,或者chrome中的开发工具是否使测试无效。这是否适用于实际手机,还是会影响chrome中的6、7、8+版本?

min device width
max device width
足以满足iPhone、mac或其他iOS产品的媒体查询。此媒体查询不会影响其他设备的布局。但是我不确定
-webkit最小设备像素比率。问题是什么?您是否试图将媒体查询限制在iPhone 5和5s上,但Chrome在模拟模式下也将其用于iPhone 6?那样的话,你没有回答你自己的问题吗?我的意思是,根据Chrome,iPhone6的宽度为375像素,比568像素还小。不知道还能说些什么。@Lister先生,我不明白你的意思。375小于最大值568,因此。。什么?这些是纵向/横向宽度的精确值还是范围?我想这是我的问题。