Question

我有一个关于在不同的网页浏览设备上显示不同内容的问题。我知道用CSS我可以根据浏览器的宽度大小显示不同的样式表。但我现在面临的挑战是Flash内容，我正在为我的公司网站设置Flash内容，因为我们都知道移动设备不支持Flash。为了解决这个问题，我考虑为移动设备制作一个简单的HTML版网站。但是，我可以使用什么来确定何时加载闪存或何时加载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

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

1 个答案: