在移动应用的开发中，H5封装App是一种常见的应用方式，它可以很好地兼容不同的操作系统和设备。然而，在H5封装App中，全屏显示常常会对用户体验产生一定的影响。因此，让H5应用不全屏显示是一种非常必要的需求。
在介绍如何让H5应用不全屏显示之前，我们需要了解一些相关的知识点，包括WebView、CSS样式以及JavaScript代码。
首先，我们需要了解WebView。WebView是一种用来渲染Web页面的控件，Android和iOS都有自己的WebView控件。在Android中，WebView是一个系统级别的组件，可以被其他应用程序重用。在iOS中，UIWebView和WKWebView是用来渲染网页的控件。
其次，我们需要了解CSS样式。CSS（层叠样式表）是一种用来描述网页样式和外观的语言，可以通过CSS来控制页面元素的大小、颜色、位置等。CSS样式可以通过内部样式表、外部样式表或者行内样式来定义。
最后，我们需要了解JavaScript代码。JavaScript是一种基于对象和事件驱动的脚本语言，通过JavaScript可以实现丰富的交互效果和动画效果。
那么，如何让H5应用不全屏显示呢？下面是具体的实现方法：
1. 使用CSS样式控制页面大小和位置。我们可以在CSS样式中设置页面的宽度和高度，然后使用margin来调整页面的位置，示例代码如下：
```
body {
width: 90%;
height: 90%;
margin: auto;
}
```
这样可以让页面的宽度和高度都为屏幕大小的90%，并且居中显示。
2. 使用JavaScript控制WebView的大小和位置。在Android中，我们可以通过设置WebView的布局参数来控制其大小和位置；在iOS中，我们可以通过设置WebView的frame来控制其大小和位置。示例代码如下：
```
// Android
WebView webView = findViewById(R.id.webview);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.MATCH_PARENT,
1.0f
);
params.setMargins(50, 50, 50, 50);
webView.setLayoutParams(params);
// iOS
WKWebView *webView = [[WKWebView alloc] initWithFrame:CGRectMake(50, 50, 300, 400)];
```
这样可以让WebView占据屏幕的一部分，并且设置其位置。
3. 使用JavaScript控制系统状态栏。在iOS中，系统状态栏可以通过设置UIApplication的statusBarHidden属性来隐藏或显示；在Android中，系统状态栏可以通过设置Window的LayoutParams来控制，示例代码如下：
```
// Android
getWindow().setFlags(
WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN
);
// iOS
UIApplication.shared.statusBarHidden = YES;
```
这样可以让系统状态栏不显示，从而让H5应用不全屏显示。
总结：
让H5应用不全屏显示是一种非常必要的需求，可以提高用户体验。在实现时，我们可以通过使用CSS样式、JavaScript代码和系统API来控制页面大小、位置以及系统状态栏等，从而让H5应用更好地适应不同的设备和操作系统。
