媒体查询对我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;
}
}
发布于 2017-12-13 18:20:48
对于超过1700px的使用范围:@media only screen and (min-width: 1700px)
https://stackoverflow.com/questions/47790478
复制相似问题