「レスポンシブ」というのは特定の挙動を表している言葉ではないのですが、そのテーマ自体はレスポンシブテーマとして作られています。
画像の左右を切る手段として object-fit
を使用していますが、対応していないブラウザ向けにも対策がされているので、この挙動をはずすことは影響範囲が広くなる可能性があります。
CSS
1.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
2
3 height: 100%;
4 left: 0;
5 -o-object-fit: cover;
6 object-fit: cover;
7 top: 0;
8 -ms-transform: none;
9 -moz-transform: none;
10 -webkit-transform: none;
11 transform: none;
12 width: 100%;
13
14}
【1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス】
https://www.webcreatorbox.com/tech/object-fit
【一歩先行くCSS - object-fitとobject-position | CodeGrid】
https://app.codegrid.net/entry/css-object
別のテーマを探すことをお勧めします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/11 12:47