Mui +Cordova mui-cardView background-image 部分网络图片不显示问题

最新推荐文章于 2020-10-20 09:47:31 发布

全干攻城狮

最新推荐文章于 2020-10-20 09:47:31 发布

阅读量216

点赞数

分类专栏： Mui +Cordova Android

本文链接：https://blog.csdn.net/weixin_42127792/article/details/102957158

版权

Android 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

Mui +Cordova

2 篇文章 0 订阅

订阅专栏

在引用链接时,浏览器对地址发起请求加上了refre这个请求头
在html头部标签内加上
<meta name="referrer" content="no-referrer">
应该就能解决你的问题了

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 在引用链接时,浏览器对地址发起请求加上了refre这个请求头
在html头部标签内加上
<meta name="referrer" content="no-referrer">
应该就能解决你的问题了。 -->
		<meta name="referrer" content="no-referrer">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">标题</h1>
		</header>
		<div class="mui-content">
			<div class="mui-card">
				<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://imgq.duitang.com/uploads/item/201506/13/20150613082107_ZUsMT.jpeg)"></div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<p>Posted on January 18, 2016</p>
						<p style="color: #333;">这里显示文章摘要，让读者对文章内容有个粗略的概念...</p>
					</div>
				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link">Like</a>
					<a class="mui-card-link">Read more</a>
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://photocdn.sohu.com/20120323/Img338614056.jpg)"></div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<p>Posted on January 18, 2016</p>
						<p style="color: #333;">这里显示文章摘要，让读者对文章内容有个粗略的概念...</p>
					</div>
				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link">Like</a>
					<a class="mui-card-link">Read more</a>
				</div>
			</div>

		</div>
		<script src="../../js/mui.js"></script>
		<script type="text/javascript" src="../../js/work/workDetail.js"></script>
	</body>

</html>