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

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

是不是感觉很不错啊？

那么应该怎么做这个功能呢？其实做法十分的简单
添加下面一段代码到，CSS文件

1. body{
   
2. background-image: url(bg.png);
   
3. background-size: cover;
   
4. }

复制代码

然后把，CSS文件放到

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

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

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

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

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

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

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

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

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

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

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

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

还是要尽快完善自适应屏幕啊，这种解决办法是在是不能适应当下的市场需求