如何根据设备/屏幕分辨率调整屏幕？

我一直在使用Extjs4.1非常漂亮的工作完成的应用程序。客户端需要使用屏幕，就像他们在除电话以外的其他设备中访问应用程序URL一样所有的屏幕应该适合每个设备没有任何水平/垂直滚动条。 我在index.html文件的head，meta标签中包含了一行代码，如下所示。所以现在的应用程序是适合ipad没有任何滚动条。在我的桌面显示器也屏幕很好地适合，但同样的应用程序url，如果我在笔记本电脑水平/垂直滚动条来浏览浏览。如何适应像iPad /桌面显示器等笔记本电脑设备的所有屏幕？我没有使用flex，因为如果它的小设备适合，但问题是所有组件都会合并成一个在另一个之上（重叠），同时最小化/最大化也会产生问题。 任何机构可以告诉我如何解决这个问题？伟大的拨款。谢谢如何根据设备/屏幕分辨率调整屏幕？

代码是在这里：

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

来源

2013-06-26 Ramesh Lamani

设备有不同的纵横比。此外，iPad的宽度是1024，不是1124 – Raptor

我已经更新，U可以给我的笔记本电脑设备的解决方案？ –

尝试此<元名称=“视口”内容=“用户可扩展=无;宽度=设备宽度;高度=装置高度;初始规模= 1.0;”> – Gyanendra

在ExtJS的不能够区分笔记本电脑和台式设备。我走了不同的路。但这不是正确的方法。我们可以按照要求来实现。鉴于全球计算屏幕的高度。如果屏幕分辨率1600x900的是（桌面）window.ineerHeight将前来超过700，如果屏幕分辨率小于1600×900 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-28 04:28:19

如何根据设备/屏幕分辨率调整屏幕？

回答

相关问题