미디어 쿼리는 내 div의 그림에 영향을 미치지 않습니다. 화면의 너비가 1700 픽셀보다 넓 으면 모든 것이 같은 위치에 있고 크기가 조정되어야합니다. 콘텐츠 래퍼, 내부 콘텐츠 및 모형은 전혀 변경되지 않습니다.실물 모형에 대한 쿼리 영향이 없음
content-wrapper{
\t position: relative;
\t z-index: 9;
\t margin: 2.5% 0 0 8%;
\t padding: 1%;
\t float: left;
\t width: 1100;
}
.content{
\t width: 300px;
\t margin: 5% 0 0 0;
\t float: left;
}
.mockups{
\t width: 650;
\t margin: 0 0 0 10%;
\t float: left;
height: auto;
}
.badge2{
\t float: right;
\t margin: 10px 0 0 0;
}
/* Responsive Content */
@media only screen and (max-width: 1700px) {
\t .content-wrapper{
\t \t position: relative;
\t \t z-index: 9;
\t \t margin: 2.5% 0 0 8%;
\t \t padding: 1%;
\t \t float: left;
\t \t width: 100%;
\t }
\t .content{
\t \t width: 30%;
\t \t margin: 5% 0 0 0;
\t \t float: left;
\t }
\t .mockups{
\t \t width: 70%;
\t \t margin: 0 0 0 10%;
\t \t float: left;
\t height: auto;
\t }
\t .badge2{
\t \t float: right;
\t \t margin: 10px 0 0 0;
\t }
}
당신이 HTML – sol
를 기입하십시오 폭이 변화하는 이유하지만 내 사진하지 스트레칭? – DaFois