如何在IOS9上使页面全高

时间:2016-02-03 11:56:43

标签: css responsiveness

Rightblock在移动设备上不是全高清。在bootsrap中,我删除了响应功能,例如col-md- *替换为col-xs- * 在IOS8设备上一切正常(通过browserstack)。左块高度:78vh。如何在Safari浏览器中进行简单的固定布局和禁用缩放 < div class =" wrapcontent">   < div class =" container">     < div class =" row">       < header id =" header">< / header>     < / DIV>   < / DIV>   < div id =" content" class =" content clearfix">     < div class =" col-xs-12">       < div class =" flex-container ng-scope">         < div class =" col-xs-8 leftBlock"> ...< / div>         < div class =" col-xs-4 rightBlock"> ...< / div>       < / DIV>     < / DIV>   < / DIV>   < div class =" container">     < div class =" row">       < footer id ="页脚" class =" footer clearfix">< / footer>     < / DIV>   < / DIV> < / DIV> 。包装内容 {   溢出:可见!重要;   身高:自动!重要;   最小高度:100%;   保证金:0自动-71px;   padding-bottom:70px;   背景:#323742; } .header {   溢出:可见;   身高:189px; } .col-xs-12 {   向左飘浮; } .flex-container {   display:-webkit-flex;   显示:-ms-flexbox;   显示:flex;   溢出:隐藏;   margin-right:-15px; } .leftBlock {   最小高度:78vh;   向左飘浮; } .rightBlock {   位置:相对;   z-index:1;   填充:0;   border-left:1px solid#e5e9ec;   背景:#f6f6fa; }  

1 个答案:

答案 0 :(得分:0)

需要删除

<meta name="viewport" content="width=device-width, initial-scale=1.0">