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

 

热门文章

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器