CSS属性/图像大小

Question

我正在学习网络设计这一天，并遇到以下问题，如果你能解决它将是我的荣幸。

在设计一个网站时，我在后台放置了一个图像，它在我的系统上看起来不错，但在其他大屏幕上，图像看起来很小，并且显示的是周围的空白区域，所以我想知道的是我应该选择的图像大小什么属性的CSS我需要申请？

欲了解更多信息我正在使用15“电脑屏幕n问题发生时，我查看我的网站17”系统。

等待您的答复。

Answer 1

您的15英寸屏幕可能运行的是1024x768分辨率，与您所遇到的最常见的显示器尺寸相比，这个分辨率相当小我在Google分析中检查了最流行的宽度超过1024x768的浏览器尺寸，这些常见的尺寸 -

1280×800（典型的宽屏15" 笔记本电脑） 1366×768 1280×1024（典型Q7" 和19" 显示器） 1680×1050

我最常做的是选择一个相当大的图像，然后做径向渐变淡入背景色。根据图像的复杂程度，我会经常使用1600像素宽的图像，以覆盖除最大屏幕分辨率以外的所有图像。然后将图像置于页面顶部的中心位置。这里是CSS -

BODY{background:URL(image/url/goes/here.jpg) center top no-repeat;} 

稍加练习，你应该能够使图像混合到背景很好的，所以它看起来不错的超大屏幕为好。