Simon.hu 发表于 2018-1-2 14:34:25

帮你打开活字格更神奇的功能:二,如何设置自适应的页面背景

本帖最后由 Tracy.Liu 于 2019-1-25 11:29 编辑

很多同学说,现在的活字格不能自适应屏幕,
这个问题,我们已经在积极的考虑,积极的应对了。
当我和真正的客户沟通过以后,发现其实,很多用户要的并不是自适应,只是觉得页面很多的空白地方,看着很不好看。
颜值,当下所有人都在追求。
那么,经过我的调查研究过后,给大家这样的解决方案:
我们可以设置一个会自动适应屏幕的背景图片,来让这个图片自动适应,屏幕的大小,保证我们的颜值,然后再做我们的功能,
效果如下图所示:

是不是感觉很不错啊?

那么应该怎么做这个功能呢?其实做法十分的简单
添加下面一段代码到,CSS文件
body{
background-image: url(bg.png);
background-size: cover;
}然后把,CSS文件放到

然后将背景图片放到资源文件加中

CSS文件,如果你不想写,可以直接下载附件中的CSS文件,直接使用。不过在使用的时候,你切记将你的图片名称,写成同代码中的文件名一致,应该为“bg.png”。

然后,效果就有美美的。
工程见附件

dystar002 发表于 2018-1-21 12:41:18

请教一下,用这个效果后,应用界面想要往下空出一些距离,可以么?不要顶格。

Simon.hu 发表于 2018-1-25 17:47:59

你可以直接给这个图片上面加一些白色啊:itwn:

新小林 发表于 2018-2-6 14:18:37

其实真的很需要自适应,无论我界面怎么调整不同尺寸电脑打开都不一样,尤其是大的台式电脑一打开,界面就占了一半不到。而我们公司官网并不存在这个问题。

Simon.hu 发表于 2018-2-6 17:45:51

我们会在后面解决这个的问题的:hjyzw:

张松波 发表于 2018-2-9 12:26:51

不知道哪里能修改页面宽度100%或者定义宽度为 ????px

Simon.hu 发表于 2018-2-9 16:05:59

张松波 发表于 2018-2-9 12:26
不知道哪里能修改页面宽度100%或者定义宽度为 ????px

问题,请您在求助中心提问,谢谢

504146555 发表于 2018-2-24 20:28:06

自适应桌面是必须要的,目前只是权宜之计吧。希望尽快能自使用桌面。

Simon.hu 发表于 2018-2-26 13:17:08

我们会在后续版本解决这个十分重要的问题的!

544199409 发表于 2018-3-11 11:19:51

还是要尽快完善自适应屏幕啊,这种解决办法是在是不能适应当下的市场需求
页: [1] 2
查看完整版本: 帮你打开活字格更神奇的功能:二,如何设置自适应的页面背景