この問題について本当に助けが必要です。私は数日以来それに苦労しており、解決方法がわかりません。このサイトで既に回答を確認しましたが、提供された回答で問題を解決できませんでした。
新しい Web サイトにスケルトン 960 グリッドを使用しています。
私は 1 ページの Web サイトを作成していますが、これはトラブル セクションのコードです。
<div id="section-offerte"></div>
<div id="page-offerte">
<div class="container">
<div class="sixteen columns">
<div class="title-test">
<h1>OFFERTE</h1>
</div>
<div class="fifteen columns"></div>
</div><!-- container -->
</div><!--end page offerte-->
そして私のCSS:
#page-offerte {
height: 700px;
width: 100%;
padding-top: 100px;
margin: 0 auto;
}
.container .fifteen.columns {
height: 100%;
min-height: 491px;
float: left;
background-size: cover;
background-image: url(images/bg-offerte.png);
background-repeat: no-repeat;
}
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container {
width: 300px;
}
.container .columns, .container .column {
margin: 0;
}
.container .fifteen.columns {
width: 320px;
}
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 420px;
}
.container .columns, .container .column {
margin: 0;
}
.container .fifteen.columns {
width:420px;
}