2

クレジット カード サイズのカードの画像を表示する必要があります。すべてのデスクトップ解像度で同じサイズにする必要があります。つまり、物理カードと同じ幅と高さで画像を表示する必要があります。

物理的な mm を px に変換して画像のサイズを変更するのがどれほど簡単かを調査しましたが、これは最初に考えたよりもはるかに複雑です。

誰にもアイデアはありますか？

4

4 に答える 4

3

css の幅と高さmmの代わりに (ミリメートルとして) を使用します。px私の知る限り、css はそれをサポートしています。ただし、このドキュメントでは、「絶対的な長さの単位は出力媒体に大きく依存するため、相対単位ほど有用ではありません。」と指摘されています。しかし、それはあなたが得ることができる限り正確に近いです.

于 2012-09-13T16:53:26.940 に答える
1

これがクロスブラウザー ソリューションかどうかはわかりませんが、ほとんどのブラウザーで動作するはずです。

HTML:

<img id="image" src="img.jpg" />

CSS:

#image {
    height:inherit;
    width:inherit;
}

これにより、画像の幅と高さが親 DIV と同じになります。したがって、画像は、画像の正確な高さと幅を持つ div に含まれている必要があります。

于 2012-09-13T17:47:04.390 に答える
0

ありがとうございました。調査の結果、これは不可能だと思いました。mm 単位のサイジングは一貫して十分に機能していないように見えるので、これで敗北を認めなければならないかもしれません。

于 2012-09-14T07:22:56.230 に答える
0

vw、vh、vmin、vmax などのビューポート単位を使用できるようになりました。

img{
   width: 2vw;
   height: 2vw;
}

これで、画像がどの解像度で表示されても、これは同じになります。

  • vh - ビューポートの高さの 1/100。
  • vw - ビューポートの幅の 1/100。
  • vmin - ビューポートの高さと幅の間の最小値の 1/100。
  • vmax - ビューポートの高さと幅の間の最大値の 1/100。

また、ビューポート単位を使用できますか

于 2015-07-02T09:07:19.323 に答える