平板屏幕媒体查询多个屏幕因素
平板屏幕媒体查询多个屏幕因素
提问于 2014-09-05 12:48:56
嗨，我的目标是我的应用程序的各种平板屏幕。目标设备是
- 三星表1，2，3-7英寸
- 三星Tab 4-7及10寸
- Nexus 7 2012
- Nexus 7 2013及以后
使用以下媒体查询。
/* LANDSCAPE:
Apple iPad
Apple iPad 2
Apple iPad 3 (and 4)
Apple iPad Mini
Archos 80G9
BAUHN AMID-972XS
HP Touchpad
Panasonic Toughpad A1
Acer Iconia Tab A101
Archos 70b (it2)
Arnova 10b G3
BlackBerry PlayBook
Samsung Galaxy Tab 2 7.0
Samsung Galaxy Tab 7
Ainol Novo 7 Elf 2*/
@media screen and (min-width:1024px) and (max-width:1024px) and
(device-width:1024px) (orientation : landscape) and
(-webkit-min-device-pixel-ratio:1) {
}/* Nexus 7 2012 //1280x800像素(216个像素) */
@media screen and (min-device-width:602px) and (orientation :
landscape) and (-webkit-min-device-pixel-ratio:1.331) and
(-webkit-max-device-pixel-ratio:1.332) { }/* Nexus 7 2013年1920年x 1200像素(323像素) */
@media screen
and (min-device-width: 602px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2)
and (device-aspect-ratio: 40/23){ }三星Galaxy 4 10英寸*/ /*媒体查询
@media screen and (min-width:1280px) and (device-width:1280px) and
(max-width:1280px) and (orientation:landscape) and
(-webkit-min-device-pixel-ratio:1) and (device-aspect-ratio:8/5) { }并为整个应用程序提供一些通用的css。我的Nexus 7 2012，三星10和三星银河1,2,3工作正常。但对Nexus 7 2013的媒体查询没有任何效果。在nexus 2013中，它没有使用任何这些媒体查询。
如果有人遇到类似的问题，请发邮件给我。提前谢谢。
回答 1
Stack Overflow用户
发布于 2014-09-05 14:53:40
为了使媒体查询正常工作，您必须使用viewport。标准的元视图应该类似于：
<meta name="viewport" content="width=device-width, initial-scale=1.0">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25686308
复制相关文章
相似问题
腾讯云开发者
