fluid-layout

4熱度

3回答

我使用的是最新的Bootstrap 3.0 RC1，並在圖像變得太小時（如Dribbble上看到的）嘗試構建具有響應能力和多箇中斷點的圖像概述。問題：圖像縮放僅出現當有兩個或更少的上線我的斷裂線或響應（它應該有3-4個圖像，以及工作）造成不同的圖像大小。我需要確保中斷後的最大img大小與連續4個時的最大大小相同。例如，闖入兩個或一個圖像時，最初會顯示比連續四個圖像中的最大尺寸大得多的圖像。

0熱度

3回答

CSS（固定寬度右邊，流體左邊，左邊是html中的第一個）如何讓左邊的div不折疊？

我有一個流體寬度左div和固定寬度右div。花了一段時間才弄清楚如何完成這項工作，因爲我正在主持一個jrox站點，jrox不會讓我改變列生成的順序。該HTML： <div id="jroxHeader" class="jroxHeader"> </div> <div id="jroxContent"> <div id="jroxMainContent" class="jroxSingl

0熱度

1回答

不同的瀏覽器中的不同窗口/體大小

我正在實現流體佈局，這意味着屏幕上的元素大小是使用百分比來計算的，而不是像素硬編碼的。我注意到的一件事是，在最大化窗口的同一屏幕上，不同的瀏覽器只有不同尺寸的body開始！因此，不同瀏覽器中的相同div將具有略微不同的大小以及位置。我已經在Chrome，FF和Safari中進行了測試，最大化時的身體尺寸分別爲：1280 x 702,1279 x 687,1280 x 684。看起來主要區別在於

0熱度

1回答

使用內聯：塊和可變寬度的響應式佈局

我正在修改lightbox（Magnific Popup）佈局以包含響應式標題div。目標是讓標題浮動在照片旁邊，然後在窗口大小調整時摺疊到照片下方。我希望標題的最小寬度大約爲300px（確切的寬度並不重要，這可以是百分比）。如果窗口寬度無法容納照片的組合寬度（根據照片而異）+標題的寬度，則標題應該在照片下方流動並跨越照片的整個寬度，如您在此圖中所看到的 - 問題是這樣的：我曾嘗試使用兩個di

3熱度

1回答

具有固定像素間距的流體網格佈局

在以下嘗試在單元之間具有固定間距的「流體」網格佈局時，任何人都可以解釋爲什麼當容器寬度變化時，左下方圖像上方的間距不同。例子如下。問題：爲什麼會出現這種情況？我沒有說明什麼？或 /和你可以建議一個更好的方式來實現這樣一個與CSS網格？圖片必須保持比例，它應該與IE8一起使用。可在this jsFille。隨着〜200像素寬度：和〜1120px寬度（裁剪）： HTML： <div cla

0熱度

2回答

固定保證金

我有以下HTML： <div id="wrap"> <div id="col-1">column 1</div> <div id="col-2">column 2</div> <div id="col-3">column 3</div> </div> 而且我有以下的CSS： #wrap { margin: 0 auto 0; width: 9

0熱度

1回答

X divs液體，並排，最小寬度和兩條線

我想知道是否有人已經遇到了實現這一目標的好方法。這裏是展現我所談論的圖像：不要用大小擔心，我只是把隨機而是要展示一下我在談論; 您會注意到第一個例子中，小方塊與第三個例子具有相同的寬度; 在第二個示例中，正方形減小寬度，直到窗口達到廣場再次以默認寬度重新適合的大小，並且它的平方比其他平方小2個方格。嗯，我希望它是很容易得到它。我遇到了幾個解決方案，但沒有一個似乎無縫工作。在此先感謝

2熱度

1回答

CSS：將浮動圖像的文字換行分隔符應用於流體寬度文本

我需要打破長單詞，例如長鏈接。我正在處理的佈局是流體佈局，因此不提供固定寬度。取而代之的是，我需要我的文本塊來適應任何容器的寬度，並且會得到很長的文字，以便它們可以證明任何寬度。你有一個http://jsfiddle.net/cYDJd/1/的例子，在這個例子中你將看到一個很長的鏈接，當圖像在左邊浮動時，它不會被CSS規則word-wrap: break-word;破壞。只有當長鏈接低於圖像時，

0熱度

2回答

如何在Twitter Bootstrap 2.3.2中以流體佈局居中圖像？

我爲自己的網站使用引導程序，並且在爲一個jpg圖像居中而掙扎。我用下面的代碼 <header class="row-fluid"> <div class="span4 offset4"> <img src="img/yup.jpg" title="Hello" alt="World";> </div> <div class="title span12"> <h1>Hello Kitty

0熱度

1回答

CSS固定寬度右，流體左，右div首先在html中。如何保持摺疊狀態

我有一個流體寬度左側div和固定寬度右側div。花了一段時間才弄清楚如何使這項工作，因爲我正在主持一個jrox網站和jrox不會讓我改變列生成的順序。的HTML： <div id="jroxHeader" class="jroxHeader"> </div> <div id="jroxContent"> <div id="jroxRightColumn" class="jroxRi