完整背景浏览器中任何分辨率的图片尺寸

我正在尝试创建一个完整的background网站。现在我正在使用1920*1080 resolution屏幕。但是我必须适应任何分辨率的背景。我用下面的CSS完整背景浏览器中任何分辨率的图片尺寸

html { 
    background:#65b5cc url(webbg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    }

但这不是重新大小时，浏览器重新大小，还有一个疑问是我使用的背景为jpg图像尺寸，背景是1627 * 768。这是正确的尺寸。我想显示矢量类型的图纸作为我的背景，所以想要以较小的尺寸获得最大的质量。引导我。

感谢

来源

2014-09-04 shyama

尝试背景尺寸：100％; – Sunand 2014-09-04 05:43:31

谢谢你的工作..你能告诉知府背景图片大小（jpg图片大小） – shyama 2014-09-04 05:48:21

Use this property "background-size:100%"

来源

2014-09-04 05:49:14 user3074446

你能告诉知府背景图片大小（jpg图片大小） – shyama 2014-09-04 05:53:22

使用图片大小max 1920 X 800px。对于所有将在身体上表现完美的决议。 – user3074446 2014-09-04 06:05:38

试试这个：

html, body { 
    background: url(http://placeskull.com/100/100/) no-repeat center center fixed #65b5cc; 
    // Make sure your SVG image expands to the whole window/page. 
    background-size: 100% 100%; 
}

如果使用SVG图像，它的实际尺寸并不重要，因为它是一个矢量文件，所以它可以扩展到任意大小而失去质量。

See Example

来源

2014-09-04 05:50:33 Oriol

：你能告诉知府背景图像大小（jpg图像大小） – shyama 2014-09-04 05:52:46

完美的是什么？如果块尺寸为200x200像素，那么完美的将是分辨率为200x200像素的图像。 – neilhem 2014-09-04 05:56:30

对于非矢量图像，图像越大，分辨率/质量越好。但这是以牺牲性能为代价的：更大的文件大小。如果可能，请使用SVG文件，否则请使用目标受众屏幕尺寸的平均尺寸。 – Oriol 2014-09-04 06:03:21

完整背景浏览器中任何分辨率的图片尺寸

回答

相关问题