［活字格9］请问如何让页面在不同分辨率的显示器下都显示完整

豪～豪

各位大佬好
我在自己的机器（2K分辨率）上做的项目，发布以后，在其他较低分辨率（如1080P）的显示器上打开的时候，会出现显示不全，出现很多滚动条的问题。比较影响体验。
请问如何解决这个问题？

豪～豪 · 豪～豪

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

Fán · Fán

要么按照1080P的屏幕尺寸做。。要么1080P屏幕的考虑使用浏览器的缩放功能！

CainduranceTX · CainduranceTX

Fán 发表于 2024-3-28 18:41
要么按照1080P的屏幕尺寸做。。要么1080P屏幕的考虑使用浏览器的缩放功能！

有没有css或者JS写在页面里，加载的时候，改变浏览器比例？

CainduranceTX · CainduranceTX

CainduranceTX 发表于 2024-3-28 18:52
有没有css或者JS写在页面里，加载的时候，改变浏览器比例？

。。。暂时解决了。。。

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

用这个，在打开页面的时候，项目缩小到80%
};

Edric.Li · Edric.Li

一般像这种情况，在开始做的时候就得考虑最低应该需要支持多少分辨率的，然后基于那个分辨率去设计页面，如果你只考虑你自己的屏幕的话，就会导致，我是4K屏幕，那么低于4K分辨率都会有问题，缩放也不能解决根本问题，缩放会导致整体字体什么的都变小。
比如，如果你们要最低支持1920*1080 那么在开发页面的时候就建议以这个分辨率为基准去考虑如何布局。

Edric.Li · Edric.Li

如果你的分辨率已经基于比较大的分辨率开发完了，目前也没什么好办法能解决这个问题。缩放是不靠谱的。

CainduranceTX · CainduranceTX

Edric.Li 发表于 2024-3-28 22:51
如果你的分辨率已经基于比较大的分辨率开发完了，目前也没什么好办法能解决这个问题。缩放是不靠谱的。

我们这的机器，1080P为主，但是1366的也有，还有一些奇葩分辨率的。。。。各种显示器之间时间跨度超过15年。。。

Joe.xu · Joe.xu

，要么按照最小的屏幕去设计，然后使用流式布局去放大
看完必恍然大悟的活字格内幕：五十、流式布局的正确打开方式
https://gcdn.grapecity.com.cn/showtopic-92533-1-1.html
(出处: 葡萄城开发者社区)
要么按照使用占比最大的屏幕去设计，

CainduranceTX · CainduranceTX

Joe.xu 发表于 2024-3-29 09:11
，要么按照最小的屏幕去设计，然后使用流式布局去放大
看完必恍然大悟的活字格内幕：五十、流式布局的 ...

流式布局这个我会，只是我按大分辨率开发的~~~唉~~~完全不顾及老显示器的感受

		自动登录	找回密码
密码			立即注册

[已处理] ［活字格9］请问如何让页面在不同分辨率的显示器下都显示完整

最佳答案

23 个回复

时代开发者征文活动

活字格高级认证

悬赏达人

圣诞拼拼乐

活字格认证

微信认证勋章

讲师达人