应用打开后出现滚动图片,出现问题

应用的<div class="mui-slider">,图片不加 height="100%"会出现上线滚动条

<!DOCTYPE html>

<html>



<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<title></title>

<script src="js/mui.min.js"></script>

<link href="css/mui.min.css" rel="stylesheet" />

<script type="text/javascript" charset="utf-8">

mui.plusReady(function() {

plus.navigator.setFullscreen(true);

});

</script>

</head>



<body>

<div class="mui-content">

<div class="mui-slider">

<div class="mui-slider-group">

<div class="mui-slider-item">

<a href="#">

<img src="images/flash0.jpg">

</a>

</div>

<div class="mui-slider-item">

<a href="#">

<img src="images/flash1.jpg" >

</a>

</div>

<div class="mui-slider-item">

<a href="#">

<img src="images/flash2.jpg" >

</a>

</div>

<div class="mui-slider-item">

<a href="#">

<img src="images/flash3.jpg" >

</a>

</div>

<div class="mui-slider-item">

<a href="index.html">

<img src="images/flash4.jpg" >

</a>

</div>

</div>

<div class="mui-slider-indicator">

<div class="mui-indicator mui-active"></div>

<div class="mui-indicator"></div>

<div class="mui-indicator"></div>

<div class="mui-indicator"></div>

<div class="mui-indicator"></div>

</div>

</div>

</div>

</body>

</html>

\n

2015-02-09 18:52 添加评论 分享
已邀请:
1

目前slider控件的高度是跟图片一致的。如果你要限定图片高度,可以自己加css设置max-height


0

穿布鞋的coder

赞同来自:

样式问题,自己修改即可。


要回复问题请先登录注册

退出全屏模式 全屏模式 回复