帮你打开活字格更神奇的功能:二,如何设置自适应的页面背景
本帖最后由 Tracy.Liu 于 2019-1-25 11:29 编辑很多同学说,现在的活字格不能自适应屏幕,
这个问题,我们已经在积极的考虑,积极的应对了。
当我和真正的客户沟通过以后,发现其实,很多用户要的并不是自适应,只是觉得页面很多的空白地方,看着很不好看。
颜值,当下所有人都在追求。
那么,经过我的调查研究过后,给大家这样的解决方案:
我们可以设置一个会自动适应屏幕的背景图片,来让这个图片自动适应,屏幕的大小,保证我们的颜值,然后再做我们的功能,
效果如下图所示:
是不是感觉很不错啊?
那么应该怎么做这个功能呢?其实做法十分的简单
添加下面一段代码到,CSS文件
body{
background-image: url(bg.png);
background-size: cover;
}然后把,CSS文件放到
然后将背景图片放到资源文件加中
CSS文件,如果你不想写,可以直接下载附件中的CSS文件,直接使用。不过在使用的时候,你切记将你的图片名称,写成同代码中的文件名一致,应该为“bg.png”。
然后,效果就有美美的。
工程见附件
请教一下,用这个效果后,应用界面想要往下空出一些距离,可以么?不要顶格。 你可以直接给这个图片上面加一些白色啊:itwn: 其实真的很需要自适应,无论我界面怎么调整不同尺寸电脑打开都不一样,尤其是大的台式电脑一打开,界面就占了一半不到。而我们公司官网并不存在这个问题。 我们会在后面解决这个的问题的:hjyzw: 不知道哪里能修改页面宽度100%或者定义宽度为 ????px 张松波 发表于 2018-2-9 12:26
不知道哪里能修改页面宽度100%或者定义宽度为 ????px
问题,请您在求助中心提问,谢谢 自适应桌面是必须要的,目前只是权宜之计吧。希望尽快能自使用桌面。 我们会在后续版本解决这个十分重要的问题的! 还是要尽快完善自适应屏幕啊,这种解决办法是在是不能适应当下的市场需求
页:
[1]
2