如何設置設備的邊距/填充

即時通訊使我的網站響應設備，但我想知道如果我可以設置一個網格或邊緣/填充屬性的iPhone，所以我可以把它放在兩個段落很好，而不是在eachother。如何設置設備的邊距/填充

我已經嘗試過電網一些文字，但它仍然看起來海誓山盟這個奇怪的是我的代碼：

  <div class="row"> 
        <div class="col-xs-1 col-lg-12"> 
       <a href="#" class="test navbar-brand">Thisismy Test</a> 
        </div> 
       </div>

來源

2017-06-29 Choori 02

當你說2段..你想在2個單獨的paragaraphs並排或每行中的文本..一個接一個？ – praveen

你還沒有這個標記作爲一個引導電網，但我猜想這是因爲你的網格類。

你提到你想停止在iPhone上包裝的導航品牌文本，所以我想知道你是否有理由不讓navbar品牌的父母變寬？

在我看來，如果它需要是最小col-xs-5

這裏是展示兩個現有的HTML和 https://codepen.io/panchroma/pen/OgQxBw

HTML

<div class="row"> 
    <div class="col-xs-5 col-lg-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
</div>

來源

2017-06-30 01:53:58

如果你想修改一個例子在移動設備中顯示整行的段落，使用col-xs-12類，它將佔用整個行空間並以所有屏幕尺寸顯示一行。

<div class="row"> 
    <div class="col-xs-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
</div>

如果你想邊用COL-XS-6爲每個顯示行側2段的div

<div class="row"> 
    <div class="col-xs-6 col-lg-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
<div class="col-xs-6 col-lg-12"> 
    <a href="#" class="test navbar-brand">Thisismy Test</a> 
    </div> 
</div>

如果你想編寫自己的CSS，你可以用做媒體查詢定義不同屏幕尺寸的自定義CSS https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

來源

2017-06-30 02:09:09 praveen

是的即時通訊現在使用媒體查詢，但我真的想知道，如果我需要爲每個最大寬度？因爲我有一個1920x1080顯示器我需要使每個顯示器媒體查詢嗎？ –

@ Choori02你不需要爲每個尺寸指定斷點。除非你真的想......你可以爲每個屏幕大小定義一些共同的斷點......這個鏈接可以幫助你定義斷點.. https://responsivedesign.is/develop/browser-feature-support/media-queries- for-common-device-breakpoints/ – praveen

但我的意思是我需要做每個新的屏幕分辨率媒體查詢？ –

如何設置設備的邊距/填充

回答

相關問題