Javascript 如何根据设备/屏幕分辨率安装屏幕?
我已经使用Extjs4.1完成了这个应用程序,它运行得非常好。当他们访问除手机以外的不同设备中的应用程序url时,他们需要一个屏幕。所有屏幕应按照设备安装,无任何水平/垂直滚动条我在head的index.html文件中包含了一行代码,meta标记如下。所以现在应用程序在ipad上没有任何滚动条了。在我的桌面显示器上,屏幕也很合适,但如果我在笔记本电脑的水平/垂直滚动条上浏览,同样的应用程序url也会出现。如何在ipad/桌面显示器等笔记本电脑设备中安装所有屏幕?。我不使用flex,因为如果它是一个小型设备,它将适合,但问题是所有组件将一个接一个地合并(重叠),同时最小化/最大化也有问题有谁能告诉我如何解决这个问题吗?太好了。多谢各位 代码在这里:Javascript 如何根据设备/屏幕分辨率安装屏幕?,javascript,css,extjs4,screen,extjs4.1,Javascript,Css,Extjs4,Screen,Extjs4.1,我已经使用Extjs4.1完成了这个应用程序,它运行得非常好。当他们访问除手机以外的不同设备中的应用程序url时,他们需要一个屏幕。所有屏幕应按照设备安装,无任何水平/垂直滚动条我在head的index.html文件中包含了一行代码,meta标记如下。所以现在应用程序在ipad上没有任何滚动条了。在我的桌面显示器上,屏幕也很合适,但如果我在笔记本电脑的水平/垂直滚动条上浏览,同样的应用程序url也会出现。如何在ipad/桌面显示器等笔记本电脑设备中安装所有屏幕?。我不使用flex,因为如果它是一
<head>
<meta name="viewport" content="width=1024">
</head>
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
}
在extjs中无法区分笔记本电脑和台式机设备。我走了不同的路。但这不是正确的方法。我们可以按要求完成。在视图中全局计算屏幕高度。如果屏幕分辨率为1600X900(桌面),window.ineerHeight将超过700。如果屏幕分辨率小于1600x900,window.innerHeight将小于700。所以这里计算分配给组件的动态值。这对我来说非常有效。干杯 这是我的代码:
<head>
<meta name="viewport" content="width=1024">
</head>
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
}
设备具有不同的纵横比。另外,iPad的宽度是1024,不是1124,我已经更新了,你能给我一个笔记本电脑的解决方案吗?试试这个,我已经应用了,但是得到了错误:视口参数值“否”;对于键“用户可伸缩性”没有识别。已忽略内容。k删除使用user scalable=no并仅设置宽度和高度的内容。