CSS:仅针对媒体查询的目标Galaxy选项卡3
我只想用媒体查询galaxy tab 3作为目标。 根据其决议(1280 x 800),应:CSS:仅针对媒体查询的目标Galaxy选项卡3,css,media-queries,Css,Media Queries,我只想用媒体查询galaxy tab 3作为目标。 根据其决议(1280 x 800),应: @media (max-device-width: 800px) and (orientation: portrait) { } @media (max-device-width: 1280px) and (orientation: landscape) { } 问题是某些iMac具有相同的分辨率,而我对Galaxy Tab 3的修复会影响此设备。有没有办法不影响imac? 提前感谢不幸的是
@media (max-device-width: 800px) and (orientation: portrait) {
}
@media (max-device-width: 1280px) and (orientation: landscape) {
}
问题是某些iMac具有相同的分辨率,而我对Galaxy Tab 3的修复会影响此设备。有没有办法不影响imac?
提前感谢不幸的是,无法进行特定于设备的媒体查询,但有一个解决方案。从实用设计的角度来看,如果iMac和Galaxy选项卡具有相同的分辨率,那么是什么让它们有所不同?他们的新闻部。这是你可以查询的东西!根据它的169 ppi
@media (max-device-width: 800px) and (orientation: portrait) and (min-resolution: 169dpi) { }
@media (max-device-width: 1280px) and (orientation: landscape) and (min-resolution: 169dpi) { }
您可能还需要-webkit min设备像素比率,但我无法告诉您选项卡的默认比率是多少(可能是1.5,但您可以在此处查看:)
不幸的是,没有办法进行特定于设备的媒体查询,但有一个解决方案。从实用设计的角度来看,如果iMac和Galaxy选项卡具有相同的分辨率,那么是什么让它们有所不同?他们的新闻部。这是你可以查询的东西!根据它的169 ppi
@media (max-device-width: 800px) and (orientation: portrait) and (min-resolution: 169dpi) { }
@media (max-device-width: 1280px) and (orientation: landscape) and (min-resolution: 169dpi) { }
您可能还需要-webkit min设备像素比率,但我无法告诉您选项卡的默认比率是多少(可能是1.5,但您可以在此处查看:)
不幸的是,没有办法进行特定于设备的媒体查询,但有一个解决方案。从实用设计的角度来看,如果iMac和Galaxy选项卡具有相同的分辨率,那么是什么让它们有所不同?他们的新闻部。这是你可以查询的东西!根据它的169 ppi
@media (max-device-width: 800px) and (orientation: portrait) and (min-resolution: 169dpi) { }
@media (max-device-width: 1280px) and (orientation: landscape) and (min-resolution: 169dpi) { }
您可能还需要-webkit min设备像素比率,但我无法告诉您选项卡的默认比率是多少(可能是1.5,但您可以在此处查看:)
不幸的是,没有办法进行特定于设备的媒体查询,但有一个解决方案。从实用设计的角度来看,如果iMac和Galaxy选项卡具有相同的分辨率,那么是什么让它们有所不同?他们的新闻部。这是你可以查询的东西!根据它的169 ppi
@media (max-device-width: 800px) and (orientation: portrait) and (min-resolution: 169dpi) { }
@media (max-device-width: 1280px) and (orientation: landscape) and (min-resolution: 169dpi) { }
您可能还需要-webkit min设备像素比率,但我无法告诉您选项卡的默认比率是多少(可能是1.5,但您可以在此处查看:)