css-fixedバックグラウンド固定視覚差効果
2338 ワード
1、
2、
プロジェクトに応答が必要な場合は、携帯電話の画面が視覚的に悪くならないように、大きな画面に書くことができます.
background-attachment
プロパティ-背景画像
またはページの残りの
を設定します.2、
background-size
—背景画像を元素容器に適したサイズに拡大し、画像の割合は変わらない.普通は考えない.background-size:100% 100%; 容器の割合でいっぱいになると、画像が変形します./* : */
.g-work-box {
width: 100%;
height: 900px;
padding: 10px 0;
background: url(../images/icon-work-bg.png) center no-repeat;
/* background-size : */
/* background-size: cover; */
background-attachment: fixed;
overflow: hidden;
}
プロジェクトに応答が必要な場合は、携帯電話の画面が視覚的に悪くならないように、大きな画面に書くことができます.
/* 1025px */
@media screen and (min-width: 1025px) {
.g-work-box {
height: 900px;
background-attachment: fixed;
}
}