让背景图片适应所有分辨率尺寸
常用的分辨率有很多,800x600,1024x768,1280x768,1440x900,1600x1200 甚至更大,那么我们的背景图就应该是最大的尺寸,才可以适应所有的屏幕分辨率。
那么还有一种就是直接是小背景循环的,那就不用再讲解了,直接设置body的背景就可以适应所有分辨率。
我们今天讲的就是以整个大图为背景,那么详细样式如下:
<style>
body{
background:url(background.jpg) 50% 0 repeat-y;
}
</style>
50%控制背景图不管什么情况的分辨率都是居中显示,repeat-y控制背景图X轴不重复,也就是宽不重复