解析错误CSS有效

Question

ERRORS

＆＃13;

＆＃13;

@media only screen (min-width: 1021px) and (max-width: 1180px) {
	
	.twee img {
		margin-top: 3em;
	}
	
	.drie {
		margin-top: 3em;
	}
	
	.audiovisual iframe {
		width: 90%;
	}
	
	.cp img {
		width: 75%;
		height: 75%;
		display: inline;
		padding: 0;
	}
}

@media only screen (min-width: 791px) and (max-width: 1020px) {
	body {
		background-image: url(IMG/Sam-open-copy-1020.jpg);
	}
	
	.twee img {
		margin-top: 7em;
	}
	
	.drie {
		margin-top: 7em;
	}
	
	.zes {
		margin-top: 2em;	
	}
		
	.audiovisual iframe {
		width: 90%;
	}
	
	.kaart iframe {
		width: 75%;
		height: 75%;
		padding: 0;
		margin: 0;
		padding-bottom: 2em;
	}
	
	.cp img {
		width: 75%;
		height: 75%;
		display: inline;
		padding: 0;
	}
	
	#totop {
		right: 0;
	}
}

＆＃13;

＆＃13;

＆＃13;

所以这是我的代码，我的媒体查询不适用于我的HTML。

当我确认我遇到了这些错误。（见图像错误）但我无法找出它的错误？我检查了一切，但可能找不到它，因为我看了它或什么......

Answer 1

在@media查询中添加额外的'和'：

@media only screen and (min-width: 1021px) and (max-width: 1180px) { ...