How to target Galaxy Nexus and Nexus 7 with media queries?

前端 未结 7 1733
难免孤独
难免孤独 2020-12-30 05:58

I have two devices that I\'m testing site design with. Samsung Galaxy Nexus and Asus Nexus 7 tablet. I\'m having a really hard time figuring out how to target these individu

7条回答
  •  滥情空心
    2020-12-30 06:13

    Nexus 7 (v1) 2012

    Mozilla/5.0 (Linux; Android 4.4.3; Nexus 7 Build/KTU84L) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.93 Safari/537.36
    
    @media screen
    resolution: 192dpi/2dppx
    color: 8
    -webkit-device-pixel-ratio: 2
    
    orientation: portrait
      width: 600px/37.5em/158mm
      height: 791px/49.4375em/209mm
      device-width: 600px/37.5em/158mm
      device-height: 960px/60em/254mm
      aspect-ratio: 600/791
      device-aspect-ratio: 5/8 or 758/1000
    orientation:landscape
      width: 960px/60em/254mm
      height:431px/26.9375em/114mm
      device-width:960px/60em/254mm
      device-height:600px/37.5em/158mm
      aspect-ratio:960/431
      device-aspect-ratio:8/5 or 2227/1000
    

    Nexus 7 (v2) 2013

    Mozilla/5.0 (Linux; Android 4.4.2; Nexus 7 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.93 Sfari/537.36
    
    @media screen
    resolution: 127dpi/1dppx
    color: 8
    -webkit-device-pixel-ratio: 1.3312500715255737 or 1.3
    
    orientation: portrait
      width: 601px/37.5625em/159mm
      height: 881px/55.0625em/207mm
      device-width: 601px/37.5625em/159mm
      device-height: 962px/60.125em/254mm
      aspect-ratio: 601/881
      device-aspect-ratio: 601/962
    orientation: landscape
      width: 962px/60.125em/254mm
      height: 529px/33.0625em/114mm
      device-width: 962px/60.125em/254mm
      device-height: 601px/37.5625em/159mm
      aspect-ratio: 962/529
      device-aspect-ratio: 962/601 or 2221/1000
    

提交回复
热议问题