2017-12-13 2 views
0

私のdiv内の画像にはメディアクエリは効果がありません。画面の幅が1700pxより広い場合は、すべて同じ場所に置いてサイズを変更する必要があります。コンテンツラッパー、内部のコンテンツ、モックアップはまったく変更されません。より広い1700px使用する場合モックアップには何の効果もありません

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 } 
 
}

+1

あなたのHTML – sol

+0

を含めてくださいあなたは幅が変化するが、私の絵されていないのはなぜHTML – DaFois

答えて

0

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

+0

に使用したい画像を追加してくださいストレッチ? –

+1

は本当に完全なコードを知らない –

関連する問題