0

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

代码在这里:

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

1 回答 1

0

在 extjs 中无法区分笔记本电脑和台式机设备。我走了不同的路。但这不是正确的方法。我们可以按要求实现。在视图中全局计算屏幕的高度。如果屏幕分辨率为 1600x900(桌面)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 
}
于 2013-06-28T04:28:19.800 回答