穿布鞋的coder
穿布鞋的coder
  • 发布:2015-02-09 18:52
  • 更新:2015-02-09 20:48
  • 阅读:1721

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

分类:MUI

应用的<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>
2015-02-09 18:52 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

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

穿布鞋的coder

穿布鞋的coder (作者)

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

该问题目前已经被锁定, 无法添加新回复