找回密码
 立即注册

QQ登录

只需一步,快速开始

ngqj

银牌会员

270

主题

743

帖子

2827

积分

银牌会员

积分
2827
ngqj
银牌会员   /  发表于:2022-3-10 18:19  /   查看:1274  /  回复:3
20金币
我自己电脑开发的功能,在设计器上一直显示都很正常。

但是发布以后就8BQ了
发布默认显示是这样的



然后调整界面显示比例为80%

基本显示正常了,但是界面的拉伸感太重了,身份证图片的宽度都变形了
缓存已清。
各位大佬,江湖救急啊
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

感谢大佬的指导!加深了对范围模式应用的理解,以前确实应用得很少。 但更懵逼的是 这个页面就是在我电脑上设计开发的,设计器上完美运行,但是发布以后我电脑就不行了,其他有些电脑显示良好。其他很多界面都有类似的问题,设计器在我电脑良好,发布了就默认显示不完整 我的屏幕分辨率是3000*2000的。一些分辨率低的电脑都能显示完整。 现在调整都不好调,测试任何一个页面显示都要先发布到服务器看效果,这个太痛苦了

3 个回复

倒序浏览
最佳答案
最佳答案
ngqj
银牌会员   /  发表于:2022-3-10 18:19:44
来自 3#
感谢大佬的指导!加深了对范围模式应用的理解,以前确实应用得很少。
但更懵逼的是  这个页面就是在我电脑上设计开发的,设计器上完美运行,但是发布以后我电脑就不行了,其他有些电脑显示良好。其他很多界面都有类似的问题,设计器在我电脑良好,发布了就默认显示不完整
我的屏幕分辨率是3000*2000的。一些分辨率低的电脑都能显示完整。
现在调整都不好调,测试任何一个页面显示都要先发布到服务器看效果,这个太痛苦了
回复 使用道具 举报
Merlot
注册会员   /  发表于:2022-3-10 20:58:12
2#
可以看出,页面是典型的厂型布局,顶部页眉高度固定,宽度应该自动涨满浏览器宽度。然后左侧是导航菜单,一般宽度是固定的,导航菜单的右侧是内容区。

注意:内容区的宽度是要自动适应浏览器宽度的。可是怎么自动适应呢?把列宽设置成“范围模式”就行了。

那么什么叫“范围模式”呢?活字格的列宽或行高有三种模式:1.固定宽高,2.内容自洽,3.弹性接驳,你仔细理解我的用词,这三种模式分别对应着列宽和行高的:

固定模式

自适应模式

范围模式


看这个图,1号区,因为有顶部位置信息(这是用的夏总的UI框架),所以1号区宽度被锁定了,是不能变成弹性接驳的。但是2号区和2号区,顶部没有阻挡嘛,完全可以设置成弹性接驳嘛
如果只把3号区设置成“范围模式”,那么会在右侧多出来一片空白区,这就是3号区自动的弹性加宽了,但是缺点是顶部邹勇的名字也会向左移动了
那么把2号区和3号区都设置成“范围模式”,就能很大程度的改善空白区的比例关系
但是话又说回来了,用活字格设计器设计页面时,宁小勿大。设计的页面小,发布后实际使用的分辨率大,那没关系,往大里放大,这可以。

可是你在设计器里就做大了,那就没办法了,因为弹性接驳只能放大,不能缩小。比如,你在设计器里做的页面就做成了2560宽度,实际使用的显示器最大才1600,那无论如何也是显示不下的。

可是如果反过来,你设计时的页面大小是1280,实际显示器是2560,那么2号区和3号区会自动放大到屏幕宽度。

如果这个答案帮到你了,记得给我最佳答案哦
如果还搞不定,那楼主只有发工程文件上来看了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +5 收起 理由
Joe.xu + 5 很给力!

查看全部评分

回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-3-11 08:54:03
4#
ngqj 发表于 2022-3-10 22:28
感谢大佬的指导!加深了对范围模式应用的理解,以前确实应用得很少。
但更懵逼的是  这个页面就是在我电脑 ...

老板,一楼的解释应该很详细的,设计页面的时候基本都是采用宁小勿大的原则,同时要按照正常客户使用的分辨率来设计,在设计器调试的的时候把本地的分辨率设置成跟正式环境一样的就可以避免每次发布测试哦,

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部