0 
 <style>
 #text{
 background-image:url('/../image.jpg');
 <<image-resolution:???>>
 }
 </style>

CSS背景として画像を使用する場所があります。[width = 5000p, height = 3000px, horizontal and vertical resolution = 72dpi] 画像が非常に大きなサイズで表示され、写真が画面を完全に覆っていません。image-resolutionまたは他の方法を使用して画像のサイズ/解像度を変更する方法はありますか?

4

3 に答える 3

1

まず第一に、画像解像度タグは css3 に属しており、すべてのブラウザーがこれをサポートしていない可能性がありますが、これを行いたい場合は、次のように画像解像度を提供してみてください:

<スタイル>
画像解像度: 72dpi;
</style>

ではごきげんよう....

于 2012-12-28T08:31:28.587 に答える
1

background-sizeCSS プロパティを使用して、画像のサイズを変更できるはずです。

 #text{
     background-image:url('/../image.jpg');
     background-size: 100px 100px;
 }
于 2012-12-28T08:41:10.063 に答える
0

ティフォンはあなたに正しい答えを出しました。しかし、「現実の世界」では、繰り返しの背景にこのような大きな画像を使用することは決してありません。

たとえば、一般的なサイズは次のとおりです。

  • 200px X 200px (繰り返し)
  • 10px X 1000px (繰り返し-x)
  • 2000px X 10px (リピート-y)

もちろん、画像の重量も考慮する必要があります。40/50Kb が適切な最大サイズになる可能性があります。

結論として、CSS ルールを使用する代わりに、画像のサイズを変更して圧縮 (JPG 圧縮、50% から 80% に) することをお勧めします。これは、非常に便利なフリーウェアであるPaint やFastStone Resizerなどのソフトウェアを使用して行うことができます。

于 2012-12-28T08:57:23.353 に答える