之前写的焦点轮播图只适用于PC端,在手机上会出现窗口不适配问题。由于涉及的固定宽高较多,所以百分比适配的方案就舍弃了。
现在上新一个2.0版本,可以让轮播图在移动端能根据屏幕大小有适当的显示。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script type="text/javascript">
document.addEventListener('plusready', function(){
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。"
});
</script>
<link rel = "stylesheet" href="css/bootstrap.css"/>
</head>
<body>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target=&#