html - 检测浏览器以确定显示 flash 或 html

Question

我有一个关于在不同的网络浏览设备上显示不同内容的问题。我知道使用 CSS 我可以根据浏览器宽度大小显示不同的样式表。但我现在面临的挑战是 Flash 内容，我正在为公司网站设置 Flash 内容，众所周知，移动设备不支持 Flash。为了解决这个问题，我考虑为移动设备制作一个简单的 HTML 版本的网站。但是，我可以使用什么来确定何时加载 flash 或何时加载 html？例如，如果我通过桌面访问网站，FLASH 网站将加载，如果我使用手机访问网站，HTML 网站将加载。我是网页设计的新手，因此将不胜感激任何形式的帮助。提前致谢

Answer 1

理论上你可以用媒体查询做到这一点:

@media only screen and (max-width: 480px){
   .flash{
     display: none;
   }

   .html-content{
     //css styles for html mobile site
   }
}

@media only screen and (min-width: 481px){
   .flash{
      //styles for flash container
   }

   .html-content{
      display: none;
   }
}

但是 Josh C 是对的，现在你应该避免使用 Flash 而使用 CSS3 或 JS