responsive

0熱度

1回答

我已經得到了下面的CSS其目的是調整到中等大小有一定的列數，則全角項目在小/移動尺寸。一切似乎工作，不同之處在於在所述外容器上的介質/片劑大小，邊距（例如），具有.columnContainer類，顯然丟棄。我用盡了一切我能想到的算出這個，並撞到南牆。在此先感謝您的幫助，您可以用CSS在這裏玩：https://jsfiddle.net/xvLmhfpa/ // This is getting s

-1熱度

3回答

如何將div的大小調整爲50％

問題是我無法將框的大小調整爲50％，它們只是保持全寬。 * { margin: 0; padding: 0; box-sizing: border-box; } /* Mobile Styles */ @media only screen and (max-width: 400px) { body {

0熱度

1回答

IOS（Safari）的Bootstrap hamburgermenu（崩潰）可見性問題

我有一個使用bootstrap的響應webapp。當移動大小的漢堡菜單顯示在標題中時。當點擊一個pc/mac/android手機時，它顯示正確..但是，當用iOS-Safari點擊時，它顯示了四分之一秒，並且再次隱藏。我懷疑這是一個高度或Z指數的問題，但我不知道，我一直無法解決它。你可以試試www.gjovikhk.no。不管怎麼說..這裏是標題和菜單的HTML代碼： <div id="me

0熱度

1回答

CSS旋轉的Flex佈局90上移動

度我試圖得到一個響應的佈局，在桌面上的樣子：和移動基本上是這樣的，該90度旋轉：我已經拿到了桌面上的工作，與手機版幾乎工作，但我的方法來移動版本覺得不妥。這感覺就像一個'重做'關閉彎曲和使用浮動。當我真的只想把我的「行」到「列」，但我已經嘗試和失敗使用我從這裏拿了寬度和流動方向的組合： https://css-tricks.com/snippets/css/a-guide-to-flexbo

0熱度

2回答

媒體查詢用於桌面和iPad的景觀

因此，有如下的兩個div： /*for ipad portrait and landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .aclass { display: block; backgrou

0熱度

1回答

過濾時同位素響應尺寸問題

我遇到了問題Isotope。除了當我過濾項目時，它們都以奇怪的方式調整大小，好像項目相對於其舊寬度而不是容器寬度調整大小似乎一切工作。我讓你看看你自己在這裏：https://codepen.io/anon/pen/RLPbpd（點擊紅色按鈕組來看看）。我想每一個過濾器後佈局： $iso.isotope('layout'); ，並銷燬同位素，然後重新初始化，但沒有解決它。我.grid-s

0熱度

1回答

只在由flex-wrap創建的'第二行'中對齊flex項目：包裝

我想要對齊通過flex-wrap壓入第二行的項目（項目數量可能有所不同）：當窗口瀏覽器的大小調整到900px以下的右側。我用柔性包裝：包裝，因爲最初的問題是，整個菜單欄太寬，當瀏覽器窗口中有過小。裹解決了這個問題，但隨後崩潰的子菜單中的「棒」菜單欄（如鏈接3.1後面鏈接7）的主要元素背後如果有人可以提供比柔性更好的解決方案包裝：我會很高興欣賞這一點。我試圖用不同版本的justify-con

2熱度

3回答

介紹一個<br>下768pixels設備寬度

我有以下長字幕： Selbsterfahrung | Persönlichkeitsentwicklung| Gesundheitsprävention 其HTML看起來像這樣： <h2>Selbsterfahrung <span class="divider"> | </span> Persönlichkeitsentwicklung <span class="divider"> | </spa

0熱度

5回答

響應式CSS表格

我創建了一個表格寬度爲4的圖像，這些圖像放置在一行和四列（1x4）中。 <table class="insrtTable"> <tr> <td><img src=Guitarra.png></td> <td><img src=Bajo.png></td> <td><img src=Teclado.png></td> <td><img sr

2熱度

3回答

Flexbox佈局。無法將相框的寬度設置爲

一直在瀏覽我的問題解決方案的網絡，所有柔性盒的寬度相同，但沒有運氣。所以我試着在這裏問你。正如您所看到的，如果描述很長，那麼該框也會更寬。一直玩word-wrap: break-word;沒有任何運氣。請參閱下面的代碼段或jsfiddle。 .buttons { display: flex; } .buttons>a { margin: 0 5px