0

私の目標は、画像 (サイズはさまざま) を取得し、それをセット コンテナー (330x330 ピクセル) に収めることです。画像のサイズを変更したくありません。css を自動的に移動させて、330x330 でトリミングされたかのように画像を中央に移動させたいだけです。

ただし、330x330 より小さい画像を入れると、拡大する必要があると思いました。たとえば、200x800 の場合、それを伸ばしてから、画像を垂直方向に移動して中央を表示しますか?

これは可能ですか、それとも面倒なPHPがなければ不可能なことですか? ありがとう

4

1 に答える 1

1

以下を使用できます。

​div {
  width: 330px;
  height: 330px;
  background: url("http://placekitten.com/800/200") 50% 50% no-repeat;   
  background-size: cover;
}​

IE9 以降、Firefox 4 以降、Opera、Chrome、Safari 5 以降で動作するはずです。

于 2012-06-15T22:58:22.937 に答える