自舉讓面板在手機屏幕的100％

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<!-- jQuery library --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<!-- Latest compiled JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div class="panel panel-primary"> 
 
    <div class="panel-heading" style="height:40px"> 
 
... 
 
    </div> 
 
</div>

我想有一個小組在一個模式對話框使用屏幕的整個寬度時，在手機上，但在iPad或更高的I希望它使用大約90％的寬度。

問題是，響應大小通常是通過使用諸如col-xs-12等不會將大小放到屏幕邊緣的類來更改的。

我有沒有可能面板設置爲：

<div class="panel panel-primary"> 
    <div class="panel-heading" style="height:40px"> 
... 
    </div> 
</div>

來源

2017-03-08 tshad

那麼您是否有更新？ –

最簡單的方法就是使用媒體查詢像這樣的

@media (max-width: 800px) { 
    #divId { 
     width or max-width: 90%; 
    } 

}

另一個很好的選擇，只是使用屏幕的整個寬度，以及將div包含在容器中。容器將在邊緣，填充等屏幕居中......您可以使用媒體編輯查詢此參數，以便它們僅顯示在所需的屏幕大小。

如果有任何其他問題，請聯繫我

來源

2017-03-08 07:40:03

自舉讓面板在手機屏幕的100％

回答

相關問題