·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]css代码检测判断用户终端是手机还是电脑

时间:2017-09-29 17:17酷播
[html5]css代码检测判断用户终端是手机还是电脑

CSS3可以根据分辨率来识别设备类型,然后写相应的CSS代码:

  1. /* Custom, iPhone Retina */  
  2. @media only screen and (min-width : 320px) { }  
  3.   
  4. /* Extra Small Devices, Phones */  
  5. @media only screen and (min-width : 480px) { }  
  6.   
  7. /* Small Devices, Tablets */  
  8. @media only screen and (min-width : 768px) { } 
  9.   
  10. /* Medium Devices, Desktops */  
  11. @media only screen and (min-width : 992px) { }  
  12.   
  13. /* Large Devices, Wide Screens */  
  14. @media only screen and (min-width : 1200px) { } 

 

微信付费直播
酷播云免费在线视频整体解决方案
参与开学季云视频优惠,拿GET2017教育科技大会VIP门票
进入开学季,保利威视推出云视频优惠,云视频套餐、流量超实惠大放“价”就是现在,还可以免费获取GET2017教育科技大会VIP门票哦!