Javascript 内容以其他大小溢出-引导全宽和全高页面-

StackOverflow帮了我很多，但现在我是第一次问。我正在用bootstrap制作一个网站。在台式机上可以，但当我在iPhone4（或chrome的F12）上测试它时，它的内容不适合

来了

CSS

@charset“utf-8”；
/*CSS文档*/
/*我的自定义CSS*/
/*------引导---------------*/
@介质（最大宽度：@screen xs）{
正文{字体大小：10px；}
容器液体填充{
宽度：100%；
高度：自动！重要；
最小高度：100%；
背景色：#990000；
填充：10px；
颜色：#efefef；
}
提特罗·伊尼亚尔{
字号：2em；
文本对齐：居中；
文本转换：大写；
}
}
@介质（最大宽度：@screen sm）{
正文{字体大小：14px；}
.填充{
宽度：100%；
高度：自动！重要；
最小高度：100%；
背景色：#990000；
填充：10px；
颜色：#efefef；
}
提特罗·伊尼亚尔{
边缘顶部：20px；
字号：2em；
文本对齐：居中；
文本转换：大写；
}
}
.容器液体{
填充：0；
}
正文，html{
宽度：100%！重要；
身高：100%！重要；
}
/*菜单上级*/
.货柜已满{
保证金：0自动；
宽度：100%；
}
.填充{
宽度：100%；
身高：100%；
最小高度：100%；
背景色：#990000；
填充：10px；
颜色：#efefef；
}
@介质（最小宽度：768px）{
.navbar.navbar导航{
显示：内联块；
浮动：无；
垂直对齐：顶部；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
}
.品牌{
颜色：#fff；
左边距：20px；
边缘顶部：12px；
字体大小：1.3em；
浮动：左；
文本转换：大写；
}
#自定义引导菜单{
高度：46px；
宽度：46px；
背景：url（../img/logo franken.png）；
保证金：5px自动3px自动；
/*浮动：左*/
}
#自定义引导菜单。logotipo{
浮动：左；
颜色：#fff；
文本转换：大写；
字体重量：较轻；
}
#自定义-bootstrap-menu.navbar-default.navbar品牌{
颜色：rgba（255，255，255，1）；
}
#自定义-bootstrap-menu.navbar-default{
字体大小：15px；
背景色：rgba（8,3,3,1）；
边框底宽：0px；
保证金：自动；
}
#自定义-bootstrap-menu.navbar-default{
左边距：0；
}
#自定义-bootstrap-menu.navbar-default.navbar nav>li>a{
颜色：rgba（255，255，255，1）；
背景色：rgba（0,0,0,1）；
左边距：10px；
}
#自定义-bootstrap-menu.navbar-default.navbar-nav>li>a:悬停，
#自定义-bootstrap-menu.navbar-default.navbar-nav>li>a:focus{
颜色：rgba（1731731731）；
背景色：rgba（0,0,0,1）；
}
#自定义-bootstrap-menu.navbar-default.navbar nav>.active>a，
#自定义-bootstrap-menu.navbar-default.navbar-nav>.active>a:悬停，
#自定义-bootstrap-menu.navbar-default.navbar-nav>.active>a:焦点{
颜色：rgba（116,0,158,1）；
背景色：rgba（255、255、255、1）；
}
#自定义-bootstrap-menu.navbar-default.navbar切换{
边框颜色：#ffffff；
}
#自定义-bootstrap-menu.navbar-default.navbar切换：悬停，
#自定义-bootstrap-menu.navbar-default.navbar切换：焦点{
背景色：#ffffff；
}
#自定义-bootstrap-menu.navbar-default.navbar切换.图标栏{
背景色：#ffffff；
}
#自定义-bootstrap-menu.navbar-default.navbar切换：悬停。图标栏，
#自定义-bootstrap-menu.navbar-default.navbar切换：焦点。图标栏{
背景色：#080303；
}
/****************家****************/
/*-------------DIVs------------/
/*------标题----------*/
提特罗·伊尼亚尔{
边缘顶部：20px；
字号：5em；
文本对齐：居中；
文本转换：大写；
}
/*------巴拉福斯-------------*/
.texto-inical{
边缘顶部：20px；
文本对齐：居中；
字号：1.5em；
}
/*******************FIM主页*************************/
/****************服务公司****************/
/*-------------DIVs------------*/
.cont servicos{
左边距：20px；
右边距：20px；
}
/*------标题----------*/
titulo servicos先生{
边缘顶部：50px；
字号：2em；
文本对齐：居中；
文本转换：大写；
颜色：#306；
}
氢{
边缘顶部：20px；
颜色：#306；
字号：1.5em；
线高：20px；
}
/*------巴拉福斯-------------*/
.texto servicos{
最大宽度：550px；
文本对齐：居中；
保证金：自动；
利润底部：5%；
颜色：#333；
}
德斯塞维科斯先生{
颜色：#333；
}
/*******************服务职能指令手册*************************/
/****************投资组合****************/
/*-------------DIVs------------*/
/*-------------卡鲁塞尔------------*/
旋转木马
.项目，
.主动{
身高：100%；
}
.旋转木马内部{
身高：100%；
填充：0；
溢出：隐藏；
}
/*背景图像是使用内联CSS在HTML中设置的，而不是在这里*/
.fill2{
宽度：100%；
身高：100%；
背景位置：中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
溢出：隐藏；
}
/*------标题----------*/
提特罗先生投资组合{
字号：2em；
文本对齐：居中；
文本转换：大写；
颜色：#306；
}
氢{
边缘顶部：20px；
颜色：#306；
字号：1.5em；
线高：20px；
}
/*------巴拉福斯-------------*/
.texto servicos{
最大宽度：550px；
文本对齐：居中；
保证金：自动；
利润底部：5%；
颜色：#333；
}
德斯塞维科斯先生{
颜色：#333；
}
/*******************FIM投资组合Protocolo unimed 1172425*************************/
/****************奥卡门托****************/
/*******************奥卡门托*************************/
/****************康塔托****************/
/*******************FIM Contato*************************/
/*------科姆---------------*/
身体{
保证金：0；
填充顶部：104px；
字体系列：“Josefin Sans”，无衬线；
}
#标志img{
宽度：70px；
高度：40px；
保证金：自动；
}
#家{
背景：#000；
}
#服务公司{
背景：#CCC；
}
#投资组合{
背景#f2f2；
}
#自由职业者{
背景：黄色；
}
#康塔托{
背景：紫色；
}
.全屏背景{
位置：绝对位置；
排名：0；
右：0；
博特
.fill{
    width:100%;  
    height:100%;
    min-height:100%;
    background-color:#990000;
    padding:10px;
    color:#efefef;
}

<div class="container"><!-- container-fluid can be used in this div -->
    <div class="row">
        <div class="col-md-12"><!--Your content that takes 12 columns goes here--></div>
    </div>
    <div class="row">
        <div class="col-md-4"><!--Your content that takes 4 columns goes here--></div>
        <div class="col-md-8"><!--Your content that takes 8 columns goes here--></div>
    </div>
</div>