javascript - 获取我的屏幕的宽高并修改它以适应任何设备

Question

我正在开发一个android Phonegap应用程序，我真的需要获取屏幕的宽度和高度，我需要修改它以适应我尝试的任何 android 设备..所以我需要找到移动设备的设备宽度。虽然我们可以指定内容

这是我的 css 代码，我需要修改设备播放的屏幕尺寸内的宽度和高度

.slide2 {
            width: 300px;
            height : 400px;
            margin-left: 10%;
            margin-right: 10%;
        }

Answer 1

怎么样...

html {
  height: 100%;
}

body {
  margin: 0;
}

#app-view {
  width: 100%;
  height: 100%;
  padding: 2%;
  box-sizing: border-box;
}

并在 div#app-view 中包含所有元素？那不行吗？

Answer 2

将宽度和高度指定为百分比。这将使它在所有设备上均匀呈现。