查询对模型

Question

媒体查询对我div中的图片没有影响，我想要的是说如果屏幕比1700px更宽，一切都需要保持在同一个地方并调整大小。内容包装器，内部内容和模型根本不会改变。

content-wrapper{
	position: relative;
	z-index: 9;
	margin: 2.5% 0 0 8%;
	padding: 1%;
	float: left;
	width: 1100;
}

.content{
	width: 300px;
	margin: 5% 0 0 0;
	float: left;
}

.mockups{
	width: 650;
	margin: 0 0 0 10%;
	float: left;
    height: auto;
}

.badge2{
	float: right;
	margin: 10px 0 0 0;
}

/* Responsive Content */
@media only screen and (max-width: 1700px) {
	.content-wrapper{
		position: relative;
		z-index: 9;
		margin: 2.5% 0 0 8%;
		padding: 1%;
		float: left;
		width: 100%;
	}

	.content{
		width: 30%;
		margin: 5% 0 0 0;
		float: left;
	}

	.mockups{
		width: 70%;
		margin: 0 0 0 10%;
		float: left;
	    height: auto;
	}

	.badge2{
		float: right;
		margin: 10px 0 0 0;
	}
}

Answer 1

对于超过1700px的使用： @media only screen and (min-width: 1700px)