私の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 }
}
あなたのHTML – sol
を含めてくださいあなたは幅が変化するが、私の絵されていないのはなぜHTML – DaFois