Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据设备/屏幕分辨率安装屏幕?_Javascript_Css_Extjs4_Screen_Extjs4.1 - Fatal编程技术网

Javascript 如何根据设备/屏幕分辨率安装屏幕?

Javascript 如何根据设备/屏幕分辨率安装屏幕?,javascript,css,extjs4,screen,extjs4.1,Javascript,Css,Extjs4,Screen,Extjs4.1,我已经使用Extjs4.1完成了这个应用程序,它运行得非常好。当他们访问除手机以外的不同设备中的应用程序url时,他们需要一个屏幕。所有屏幕应按照设备安装,无任何水平/垂直滚动条我在head的index.html文件中包含了一行代码,meta标记如下。所以现在应用程序在ipad上没有任何滚动条了。在我的桌面显示器上,屏幕也很合适,但如果我在笔记本电脑的水平/垂直滚动条上浏览,同样的应用程序url也会出现。如何在ipad/桌面显示器等笔记本电脑设备中安装所有屏幕?。我不使用flex,因为如果它是一

我已经使用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并仅设置宽度和高度的内容。