Nexs 7 media query Solutions
- 1. www.LetsNurture.com
Nexus 7 (2012 & 2013) CSS Media Queries
Nexus 7 2012
1280 x 800 pixels (216 ppi)
Portrait
1
2
3
4
5
6
7
8
9
1
0
1
1
@media screen
and (max-device-width: 601px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio:
1.331)
and (-webkit-max-device-pixel-ratio:
1.332){
.device-name:after{
content:" 00a9 2012";
}
}
Landscape
1
2
3
4
5
6
7
8
9
1
0
1
1
@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){
.device-name:after{
content:" 00a9 2012";
}
}
Nexus 7 2013
1920 x 1200 pixels (323 ppi)
For More information and other helps you can visit us at http://phprocks.letsnurture.com
- 2. www.LetsNurture.com
Portrait
1
2
3
4
5
6
7
8
9
1
0
1
1
@media screen
and (max-device-width: 601px)
and (orientation : portrait)
and (-webkit-min-device-pixel-
ratio: 2)
and (device-aspect-ratio: 25/38){
.device-name:after{
content:" 00a9 2013";
}
}
Landscape
1
2
3
4
5
6
7
8
9
1
0
1
1
@media screen
and (min-device-width: 602px)
and (orientation : landscape)
and (-webkit-min-device-pixel-
ratio: 2)
and (device-aspect-ratio: 40/23){
.device-name:after{
content:" 00a9 2013";
}
}
For More information and other helps you can visit us at http://phprocks.letsnurture.com