请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-1-2 14:34  /   查看:13401  /  回复:12
本帖最后由 Tracy.Liu 于 2019-1-25 11:29 编辑

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

那么应该怎么做这个功能呢?其实做法十分的简单
添加下面一段代码到,CSS文件
  1. body{
  2. background-image: url(bg.png);
  3. background-size: cover;
  4. }
复制代码
然后把,CSS文件放到
image.png742952880.png
然后将背景图片放到资源文件加中
image.png945285339.png
CSS文件,如果你不想写,可以直接下载附件中的CSS文件,直接使用。不过在使用的时候,你切记将你的图片名称,写成同代码中的文件名一致,应该为“bg.png”。

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

bg.css

70 Bytes, 下载次数: 994

背景图片.fgcc

766.41 KB, 下载次数: 1263

12 个回复

倒序浏览
dystar002
注册会员   /  发表于:2018-1-21 12:41:18
沙发
请教一下,用这个效果后,应用界面想要往下空出一些距离,可以么?不要顶格。
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-1-25 17:47:59
板凳
你可以直接给这个图片上面加一些白色啊
回复 使用道具 举报
新小林
中级会员   /  发表于:2018-2-6 14:18:37
地板
其实真的很需要自适应,无论我界面怎么调整不同尺寸电脑打开都不一样,尤其是大的台式电脑一打开,界面就占了一半不到。而我们公司官网并不存在这个问题。
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-2-6 17:45:51
5#
我们会在后面解决这个的问题的
回复 使用道具 举报
张松波
注册会员   /  发表于:2018-2-9 12:26:51
6#
不知道哪里能修改页面宽度100%或者定义宽度为 ????px
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-2-9 16:05:59
7#
张松波 发表于 2018-2-9 12:26
不知道哪里能修改页面宽度100%或者定义宽度为 ????px

问题,请您在求助中心提问,谢谢
回复 使用道具 举报
504146555
金牌服务用户   /  发表于:2018-2-24 20:28:06
8#
自适应桌面是必须要的,目前只是权宜之计吧。希望尽快能自使用桌面。
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-2-26 13:17:08
9#
我们会在后续版本解决这个十分重要的问题的!
回复 使用道具 举报
544199409
注册会员   /  发表于:2018-3-11 11:19:51
10#
还是要尽快完善自适应屏幕啊,这种解决办法是在是不能适应当下的市场需求
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部