html5/css的网站中我在代码中加了swf播放器代码，手机访问时提示无法加载插件，怎样去掉手机端的这个提示 50
我就是想让电脑访问时有这个播放器，手机访问时没有播放器，所以没用html5的播放器。请认真看清问题后在回答。要求去除手机端的这个无法加载插件的提示，或在代码中做个判断如果...
我就是想让电脑访问时有这个播放器，手机访问时没有播放器，所以没用html5的播放器。请认真看清问题后在回答。要求去除手机端的这个无法加载插件的提示，或在代码中做个判断如果手机访问就不加载这个插件。求解决方案，附代码，谢谢！！！
展开
1个回答
展开全部
可以用一些前端框架来实现,比如bootstrap; 引用bootstrap框架的类,比如.visible-phone只在手机上显示(小于768px),.visible-desktop只在电脑上显示(979px以上)
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="visible-sm">768px < X < 991px</div>
<div class="visible-md">992px < X < 1199px</div>
<div class="visible-lg">>1200px</div>
<div class="hidden-lg">不在电脑上显示:<1200px</div>
<div class="visible-lg">只在电脑上显示:>1200px</div>
</body>
</html>
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="visible-sm">768px < X < 991px</div>
<div class="visible-md">992px < X < 1199px</div>
<div class="visible-lg">>1200px</div>
<div class="hidden-lg">不在电脑上显示:<1200px</div>
<div class="visible-lg">只在电脑上显示:>1200px</div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
