How*_*Gee 2 html css static background background-image
所以这个网站:
它们在每个页面上都有背景图像,但在缩放时,它不会改变 - 永远.更不用说它加载的速度有多快.如何在没有背景图像的情况下进行内容缩放？我能理解它是否是重复的图像,但事实并非如此.
在那个网站上看起来好像是由一个脚本完成的,正如@rownage观察到的那样,但是我已经在现代浏览器中使用(CSS3)"cover"属性成功完成了它,即background-size: cover;根据我的笔记(欢呼评论!)这个List Apart文章是我从中获取信息的地方.
在我的(非常在进行中!)照片网站上,它现在看起来像这样.放大我尝试的浏览器时,背景保持相同的大小.虽然如果Internet Explorer无法应对它,我也不会感到惊讶.
至于该网站上的图像加载速度有多快,诀窍就是可压缩图像的良好选择,压缩良好.我访问他们的网站时加载的背景是1024x680像素,但因为它主要是黑色和白色,大面积的纯色,它压缩到一个非常小的74KB.
