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

QQ登录

只需一步,快速开始

CainduranceTX
中级会员   /  发表于:2024-3-28 18:31  /   查看:873  /  回复:23
50金币
各位大佬好
我在自己的机器(2K分辨率)上做的项目,发布以后,在其他较低分辨率(如1080P)的显示器上打开的时候,会出现显示不全,出现很多滚动条的问题。比较影响体验。
请问如何解决这个问题?

最佳答案

查看完整内容

你可以使用流式布局,基于1200分辨率进行设计

23 个回复

倒序浏览
最佳答案
最佳答案
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-3-28 18:31:37
来自 20#
你可以使用流式布局,基于1200分辨率进行设计
回复 使用道具 举报
Fán
初级会员   /  发表于:2024-3-28 18:41:13
2#
要么按照1080P的屏幕尺寸做。。要么1080P屏幕的考虑使用浏览器的缩放功能!


回复 使用道具 举报
CainduranceTX
中级会员   /  发表于:2024-3-28 18:52:40
3#
Fán 发表于 2024-3-28 18:41
要么按照1080P的屏幕尺寸做。。要么1080P屏幕的考虑使用浏览器的缩放功能!

有没有css或者JS写在页面里,加载的时候,改变浏览器比例?
回复 使用道具 举报
CainduranceTX
中级会员   /  发表于:2024-3-28 22:22:23
4#
CainduranceTX 发表于 2024-3-28 18:52
有没有css或者JS写在页面里,加载的时候,改变浏览器比例?

。。。暂时解决了。。。

window.onload = function() {
  document.body.style.zoom = "80%";

用这个,在打开页面的时候,项目缩小到80%
};
回复 使用道具 举报
Edric.Li
中级会员   /  发表于:2024-3-28 22:49:04
5#
一般像这种情况,在开始做的时候就得考虑最低应该需要支持多少分辨率的,然后基于那个分辨率去设计页面,如果你只考虑你自己的屏幕的话,就会导致,我是4K屏幕,那么低于4K分辨率都会有问题,缩放也不能解决根本问题,缩放会导致整体字体什么的都变小。
比如,如果你们要最低支持1920*1080  那么在开发页面的时候就建议以这个分辨率为基准去考虑如何布局。
回复 使用道具 举报
Edric.Li
中级会员   /  发表于:2024-3-28 22:51:38
6#
如果你的分辨率已经基于比较大的分辨率开发完了, 目前也没什么好办法能解决这个问题。 缩放是不靠谱的。
回复 使用道具 举报
CainduranceTX
中级会员   /  发表于:2024-3-28 23:01:10
7#
Edric.Li 发表于 2024-3-28 22:51
如果你的分辨率已经基于比较大的分辨率开发完了, 目前也没什么好办法能解决这个问题。 缩放是不靠谱的。

我们这的机器,1080P为主,但是1366的也有,还有一些奇葩分辨率的。。。。各种显示器之间时间跨度超过15年。。。
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2024-3-29 09:11:19
8#
,要么按照最小的屏幕去设计,然后使用流式布局去放大
看完必恍然大悟的活字格内幕:五十、流式布局的正确打开方式
https://gcdn.grapecity.com.cn/showtopic-92533-1-1.html
(出处: 葡萄城开发者社区)
要么按照使用占比最大的屏幕去设计,
回复 使用道具 举报
CainduranceTX
中级会员   /  发表于:2024-3-29 09:16:35
9#
Joe.xu 发表于 2024-3-29 09:11
,要么按照最小的屏幕去设计,然后使用流式布局去放大
看完必恍然大悟的活字格内幕:五十、流式布局的 ...

流式布局这个我会,只是我按大分辨率开发的~~~唉~~~完全不顾及老显示器的感受
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部