个人主页网给用户提供的个性个人主页,可diy自定义修改内容非常都,通过几步简单修改就能制造出美观个性的个人主页.

今天给大家介绍下背景图缩放和定位功能,这个功能能直接让网络任意图片成为你合适的背景图,省去了裁剪,变换大小的过程.

首先,我们用下面这张图片作为背景图.

这张图片很大,尺寸是1920x1080,这里如果没有缩放功能的话,放在我的测试页面上是这样显示的,

这样的话,由于图片是1920宽,而我的电脑又是1366宽的,所以显示不完全,右下放的小熊不能显示

这里我们使用背景图缩放功能来试试,背景图缩放功能在编辑主页-背景图地址后面的宽度框就是,这里我们设成1000,这里跟你个人浏览器的缩放也有关系,我个人是习惯浏览器缩放125%的.

这样按图设置后,看下,我们的个人主页变化,记得设置后要点下方的确定按钮提交,再返回个人主页刷新.

这样可以看到,图片已经缩小到能看到宽的全图了,但是下面的小熊还是显示不全,这个图片已经按横向缩小过了,如果再按纵向缩放,只会造成图片的变形,所以这里我们使用背景图的定位功能.

我们将背景图地位的y,就是高度定位设成80,意思是把图片向上平移80像素.宽度仍1000不变.

如上图,设置好,我们确定提交,看看有什么变化.

这样背景图往上平移了80像素后,就很合适了,这个演示可以查看这里:test003的个人主页

因为个人电脑分辨率,浏览器缩放的原因你的观看上面test003的个人主页的时候可能与我上面截图不同,这个没有问题,你只需要按你自己的电脑情况重新设置,背景图宽度(缩放功能),定位x,定位y,(定位功能),多调试几次,就能达到完美效果了.