gpt4 book ai didi

javascript - 如何根据设备/屏幕分辨率调整屏幕?

转载 作者:行者123 更新时间:2023-11-28 12:46:34 25 4
gpt4 key购买 nike

我已经使用 Extjs4.1 完成了应用程序,运行得非常好。客户端他们需要屏幕,就像他们在除电话之外的其他设备中访问应用程序 url 时一样。所有屏幕都应适合设备,没有任何水平/垂直滚动条。 我在 index.html 文件中的 head, meta 标签中包含了一行代码,如下所示。所以现在应用程序适合 ipad,没有任何滚动条。 在我的桌面显示器中,屏幕也很适合,但如果我在笔记本电脑中浏览水平/垂直滚动条,则应用程序 url 相同。如何适合笔记本电脑设备(如 ipad/台式机显示器)中的所有屏幕?我没有使用 flex,因为如果它是小设备它会适合,但问题是所有组件将一个合并在另一个之上(重叠),同时最小化/最大化也有问题。 任何人都可以告诉我如何解决这个问题吗?太棒了。谢谢

代码在这里:

<head>      
<meta name="viewport" content="width=1024">
</head>

最佳答案

在 extjs 中无法区分笔记本电脑和台式机设备。我走了不同的路。但这不是正确的方法。我们可以根据要求实现。在 View 中全局计算屏幕高度。如果屏幕分辨率为 1600X900 (Desktop) window.ineerHeight 将大于 700。如果屏幕分辨率小于 1600x900 window.innerHeight 将小于 700。因此这里计算分配给组件的动态值。它对我来说非常好用。干杯

这是我的代码:

if(window.innerHeight>700){ 
var paddingValue = 10;
var imgHeight = window.innerHeight/4.1; //Desktop
}
else{
var paddingValue = window.innerHeight/35;
var imgHeight = window.innerHeight/5.7; //Laptop
}

关于javascript - 如何根据设备/屏幕分辨率调整屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17313428/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com