私のウェブサイト上のすべての画像が拡大表示されており、コードのどこにあるのかわかりません。 indexページの2番目のスライドは、すべての画像は拡大しています
ですが、私の脚はカットされています。これは一般に写真が行っているすべてのページにあります。誰かがそれが検査窓を通してどこにあるのかを知っていますか?私はかなりjavascriptがこれのいくつかを制御している場合はわからない?
もう1つの例はpageで、バナーにmin-height: 350px;
があります。元の画像はこのように見ていると、バナーのサイズに合わせなければならない。すべての人に
slider-banner-container,
.slider-revolution-5-container {
width: 100%;
position: relative;
padding: 0;
}
.slider-banner-fullscreen,
.slider-banner-fullwidth {
width: 100%;
position: relative;
}
.slider-banner-container ul.slides,
.slider-revolution-5-container ul.slides {
display: none;
}
/*Spinner*/
.tp-loader.spinner2 {
background-color: #999;
}
/*Captions*/
.tp-caption {
z-index: 5;
}
.tp-caption a,
.tp-caption a:hover {
color: #ffffff;
}
.tp-caption a.btn-gray,
.tp-caption a.btn-gray:hover {
color: #333333;
}
.caption-box {
max-width: 540px;
color: #ffffff;
white-space: normal;
padding: 20px;
border: none;
}
.caption-box h2 {
color: #ffffff;
}
/*text rotator*/
.tp-caption .text-rotator {
min-width: 580px;
display: inline-block;
}
.light-translucent-bg.caption-box h2,
.light-translucent-bg.caption-box p {
color: #333333;
font-weight: 400;
}
.caption-box:after {
z-index: -1;
}
.slideshow .dark-translucent-bg:not(.caption-box),
.slideshow .light-translucent-bg:not(.caption-box) {
border-top: none;
border-bottom: none;
position: absolute;
left: 0;
top: 0 !important;
width: 100%;
height: 100%;
}
ハッピークリスマス:
これはインデックスページ上のバナーのCSSです。バナーに絵フィットを作るべき
.imageClass { object-fit: cover; }
:
イメージの幅は考慮する必要があります。画面が非常に広い場合、画像はそれに対応するように伸びますが、高さが固定されていれば画像は切り取られ始めます。たぶん、重要な部分が中央の位置にある画像を選択することができます。切り抜きが起きたときでもうまく見えますか? – sol