应用打开后出现滚动图片，出现问题
应用的<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>
2 个回复
DCloud_MUI_FXY
赞同来自: 穿布鞋的coder
目前slider控件的高度是跟图片一致的。如果你要限定图片高度，可以自己加css设置max-height
穿布鞋的coder
赞同来自:
样式问题，自己修改即可。