Android 仅限移动式填充半屏幕

我在这里寻找了类似的问题，虽然我遇到了一些，但我没有看到任何答案。我遇到了一个问题，我的桌面站点运行良好。我在bootstrap上设计了它，它在那里完全响应。当我在任何一部手机上看到它时，导航栏占据了屏幕的顶部，而下面的内容只占据了屏幕的一半。我真的不确定我在这里错过了什么。如果有人能帮上忙，我将不胜感激。目前我拥有所有内容的网站是www.high-maintenance.us

/*自定义Css*/
/*布局*/
头{
字体系列：“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：300；
}
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：300；
}
.文本中心{
文本对齐：居中；
}
.隐藏{
显示：无；
}
.index1{
位置：相对位置；
z指数：1；
}
.index2{
位置：相对位置；
z指数：2；
}
.index3{
z指数：3；
}
.index4{
z指数：4；
}
.index5{
z指数：5；
}
.4{
最小宽度：320px！重要；
}
.身高350{
高度：350px；
}
八十{
宽度：80%；
位置：相对位置；
保证金：0自动；
}
.小型股{
字体变体：小大写字母；
}
.allcaps{
文本转换：大写；
}
.mobileShow{
显示：无；
}
/*智能手机肖像和风景*/
@仅介质屏幕和（最小设备宽度：320px）和（最大设备宽度：480px）{
.mobileShow{
显示：内联；
}
}
.移动式酒店{
显示：内联；
}
/*智能手机肖像和风景*/
@仅介质屏幕和（最小设备宽度：320px）和（最大设备宽度：480px）{
.移动式酒店{
显示：无；
}
}
/*末端布局*/
/*滑块起动*/
.结果{
边界：无；
背景：无；
字体大小：50px；
字体：斜体；
颜色：#E40412；
字号：700；
字体系列：HelveticaNeueBlackCondensed！重要；
浮动：对；
职位：相对！重要；
文本对齐：左！重要；
垫底：8px；
左边距：165px；
利润上限：-64px；
}
奥帕特尔先生{
字号：26px；
字体重量：400！重要；
字体系列：HelveticaNeueBlackCondensed！重要；
颜色：#667；
保证金：自动！重要；
填充：0！重要；
}
奥普塞德先生{
字体大小：32px；
字号：700；
颜色：#14e3d8；
边缘顶部：80px；
填充：0！重要；
}
.optwraptitle{
高度：113px！重要；
最大宽度：320px！重要；
}
.optwrap{
显示：内联块；
职位：相对！重要；
垂直对齐：顶部！重要；
浮动：左；
填充：0；
}
.opt结果{
位置：绝对位置；
字号：26px；
字号：700；
浮动：左；
左边距：-50px；
字体系列：HelveticaNeueBlackCondensed！重要；
}
.opt结果em{
位置：相对位置；
字号：18px；
颜色：#E40412；
底部：22px；
左：115px；
}
.ui状态焦点{
大纲：无；
}
布列夫特先生，
布利特先生{
宽度：8px；
高度：8px；
边界半径：50%；
背景:#bbb ;；
位置：绝对位置；
顶部：-4px；
z指数：2；
}
布列夫特先生{
左：-4px；
}
布利特先生{
右：-4px；
}
美元{
颜色：#fff；
线高：50px！重要；
垂直对齐：中间！重要；
职位：相对！重要；
底部：4px！重要；
}
#滑块{
宽度：80%！重要；
位置：相对位置；
利润率：75px自动75px；
z指数：10；
}
#滑块{
边缘底部：-55px；
利润上限：-10px
}
#数量{
颜色：#222；
边界：无；
背景：无；
位置：绝对位置；
底部：-35px；
左：-40px；
宽度：160px；
字号：700；
字体大小：22px；
保证金：0；
填充：0；
大纲：无！重要；
边界：没有！重要；
盒影：无！重要；
网络工具包盒阴影：无！重要；
}
#滑块最小，
#滑块最大值{
位置：绝对位置；
顶部：-55px；
字体大小：300；
字体大小：15px；
颜色：#999；
}
#滑块最小值{
左：-30px；
}
#滑块最大值{
右：-45px；
}
#slider.ui-滑块-水平{
高度：1px；
边界：无；
背景:#bbb ;；
}
#slider.ui-slider-handle{
位置：相对位置；
z指数：90；
}
#slider.ui-state-default，
#slider.ui-widget-content.ui状态默认值，
#slider.ui-widget-header.ui状态默认值{
边界半径：50%！重要；
文本对齐：居中；
字体大小：32px；
线高：45px；
文本阴影：2px1px0#444！重要；
宽度：50px；
高度：50px；
顶部：-0.9em；
光标：指针；
边框：3px实心#bbb；
背景图像：无！重要；
背景：#d2000b！重要；
背景：-webkit渐变（线性、左上、左下、从（#fa0011）到（#d2000b））！重要；
背景：-webkit线性梯度（顶部，#fa0011，#d2000b）！重要；
背景：-莫兹线性梯度（顶部，#fa0011，#d2000b）！重要；
背景：-ms线性梯度（顶部，#fa0011，#d2000b）！重要；
背景：-o-线性梯度（顶部，#fa0011，#d2000b）！重要；
}
#slider.ui状态焦点{
边框：3px实心#bbb！重要；
}
#滑块.ui状态悬停{
边框颜色：#555！重要；
}
#滑套{
边距：0！重要；
填充：0！重要；
文本对齐：居中！重要；
}
#滑块{
字体大小：32px；
字体重量：400！重要；
颜色：#222；
边距：0！重要；
填充：0！重要；
}
#滑动强度{
颜色：#E40412；
}
#滑块{
字体大小：36px；
字号：700；
颜色：#14e3d8；
边距：0！重要；
填充：0！重要；
}
/*滑块端*/
/*联系方式开始*/
续{
宽度：100%；
文本对齐：居中；
边框底部：1px实心#fff；
线高：.1米；
利润率：70像素0 50像素；
}
康特斯先生{
背景：#222；
填充：0 10px；
颜色：#fff
}
.轮{
边界半径：5px；
}
助教{
宽度：300px；
高度：100px；
}
.sub{
填充：10px 30px；
背景色：#e41420；
}
拉斯特先生{
颜色：#e41420；
}
.contable{}
康特拉普先生{
宽度：90%；
保证金：0自动；
}
/*接触端*/
/*手风琴开始*/
.包裹{
空白：正常；
}
#内部经济1{
宽度：50%；
垂直对齐：顶部；
}
#内幕交易2{
W