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

Tiffon给了你正确的答案。但在“现实世界”中，您永远不会使用如此大的图像作为重复的背景。

典型的尺寸是，例如：

  • 200 像素 X 200 像素（重复）
  • 10px X 1000px（重复-x）
  • 2000 像素 X 10 像素（重复）

当然，您还必须考虑图像的重量：40/50Kb 可能是一个合适的最大尺寸。

总之，我建议您调整大小并压缩（JPG 压缩，从 50% 到 80%）图像，而不是使用 css 规则。您可以使用 Paint 或FastStone Resizer等软件来做到这一点，这是一款非常有用的免费软件。

于 2012-12-28T08:57:23.353 回答