responsive-design

1熱度

1回答

我一直在編碼響應式設計，並一直在我訪問的網站上尋找響應能力。我想知道是否有任何方法可以查看網站使用開發工具設置了哪些斷點？

1熱度

3回答

那麼我已經列出了一些標籤，onClick這些標籤我添加一個類（.circle-checked），但如果媒體查詢小於600px那麼我不想被添加這個類（.circle-checked），但另一個類（.circle-checked-blue）。我怎樣才能做到這一點！？這裏是使用專門的代碼IM： $(window).load(function() { $('input').change(fun

1熱度

1回答

爲什麼我的SVG在頁面加載時跳躍？

頁面加載時，左列中的svg「跳轉」。當你第一次去URL時，它會放大HUGE，然後由於某種奇怪的原因縮小到正確的尺寸。我怎樣才能解決這個問題？我試過一切從百分比高度到vh。我需要與視框混淆嗎？感謝您的幫助。

0熱度

3回答

使Div的高度響應

我在響應式設計中遇到了一個非常大的問題。我想用HTML和CSS設計Metro用戶界面，並且我希望在差異設備中更改框高度。我使用寬度百分比。我知道它也可以用於身高。但如果我使用高度百分比，如果垂直縮小瀏覽器，高度會越來越小。另一個問題是，如果一起使用多臺顯示器一起觀看桌面，寬度將比高度大得多，所以這些盒子將具有較小的高度和較大的寬度。有沒有一種有效的方式來使我的情況下的響應網站？注意：我不想

0熱度

2回答

我不能讓我的表響應

我有這個表： <TABLE class=vysledky > <TR class=podtrzeni> <TD width="39" height="19">Pořadí <br /> Liga</TD> <TD width="39" height="19">Pořadí <br /> Tým</TD> <TD width="394" height="19"

0熱度

2回答

響應式css網格模擬器

因此，我使用div寬度設置中的百分比編碼了一個頁面，並且在調整瀏覽器窗口大小的同時，塊彼此距離過近。（這是一個截圖）。 enter image description here 那麼有沒有關於響應式電網的教程或提示，對於不像我這麼聰明的人？將非常感謝一些有用的鏈接。對不起，我英文不好BTW

-2熱度

1回答

如果窗口變小（使用CSS網格），讓div跳到另一行

所以我最近發現CSS網格變得越來越成熟，即大多數瀏覽器現在都支持它 - 這對我當前的項目來說很好。我不需要IE 7等，以便能夠以最佳方式查看此網頁。我知道你可以做一些巧妙的與媒體查詢時，屏幕變得越來越小，但我想知道是否有可能單獨與CSS網格做例如？所以我們可以說，我有一些事情是這樣的： .container { display: grid; max-width: 1

1熱度

1回答

文本將不會在響應式設計下的圖像包裹

[搜查，但未能找到答案......如果這是一個重複的，請指向其他] 我有一個有點問題獲取圖像下方的文本以包裝。我正在使用Bootstrap模板。我創建瞭如下所示的CSS，但無法獲得比圖片更長的文本行以包裝到下一行。 .picture {background-color: #F9F9F9;border: 1px solid #CCCCCC;padding: 3px;font: 11px/1.4em

1熱度

1回答

如何在父元素和子元素具有不同的％寬度時居中子div

我有兩行，每行有三個div。當行的寬度爲100％，每個div的寬度爲28％時，如何將每行中的三個div居中？我也試圖讓div保持中心，並對不同設備（如手機，平板電腦，臺式機和筆記本電腦）作出響應。我已經試過： margin: 0 auto; display: inline-block; 和： left: 50%; right: 50%; * { box-sizing:

0熱度

2回答

Flexbox：當屏幕太小時摺疊 - 如何？

我想在我的網站上實現兩個圖像，只要屏幕寬於600像素，並且寬度可用（如智能手機），則可以並排顯示。 .imgrid { display: flex; flex-flow: row wrap; } .img { flex: 1; } .img img { max-width: 100%; } <sect