2017-12-13 5 views
0

미디어 쿼리는 내 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 } 
 
}
보다 넓은 1700px 사용하기 위해

+1

당신이 HTML – sol

+0

를 기입하십시오 폭이 변화하는 이유하지만 내 사진하지 스트레칭? – DaFois

답변

0

: @media only screen and (min-width: 1700px)

+0

에 사용할 이미지를 추가하시기 바랍니다 HTML –

+1

캔트는 실제로 전체 코드를 알려줍니다. –

관련 문제