·您当前的位置:主页 > 技术教程 > 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) { } 

 

热门文章推荐

请稍候...