responsive-design

0熱度

2回答

我已經編碼爲我的個人作品集網站導航欄一個，看起來在電腦屏幕上巨大的，但是當我打開它在移動設備上的菜單項趨於水平堆疊和只是一般情況下，我怎麼能得到這個在所有設備上看起來不錯？我很新的編碼，所以任何幫助將不勝感激！ https://codepen.io/Bowdoo95/pen/PJzZVp HTML <div class="container-fluid"> <div class="row

4熱度

2回答

在所有設備的容器中心放置圓形div

我的要求是這樣的：圓形div被其他4個div環繞。我試過這樣： .circle { z-index: 10; position: absolute; width: 13em; height: 13em; border-radius: 50%; background: lightblue;

0熱度

1回答

根據設備尺寸和引導程序在元素上應用邊框

我使用引導來創建移動第一響應式佈局，並設置了各種行和列設置，以適應不同類型的屏幕尺寸。我想知道是否有純引導樣式類，這將允許我應用和刪除不同大小的邊框，而無需創建我自己的CSS媒體查詢。例如，如果我想要在一行中的第一列上有一個邊界右邊，那麼只有當它以中等大小浮動時......我知道這不是真正的代碼，但是有什麼相同的影響我太笨了，找不到？ <div class="row"> <div c

-2熱度

1回答

如何將我的HTML表格轉換爲無需額外CSS文件的響應？

如何將我的HTML表格轉換爲無需額外CSS文件的響應？ <table style="overflow-x:auto;"> <tbody> <tr> <td><b>title 1</b></td> <td><b>title 2</b></td> <td><b>title 3</b></td> </tr> <tr> <td

0熱度

1回答

響應導航：父Div在移動屏幕上摺疊？

所以我有一個響應導航，.sidebar-nav div這是導航包裝，並且是positioned:absolute;，所以我可以用left:和right:屬性「隱藏」它。問題：由於這個div是絕對的父母頭div崩潰。要求：我想主頭顯示在手機屏幕以及白色背景的背景顏色，以便用戶可以看到漢堡導航。不知道我的html結構怎麼可能？思想這裏是鏈接的演示：http://www.radian3.com

0熱度

3回答

如何使第二列響應第一列的兩列表響應？

我正在使用在線編輯器創建網站。我有一個簡單的表，有兩列和一行。在桌面上，它看起來不錯，但在移動設備上，我必須左右滾動以查看內容。我想使它響應小屏幕上的第一列下的第二列。這裏是我的代碼： <div style="overflow-x: auto;"> <table style="height: 452px; width: 821px; margin-left: auto; marg

0熱度

1回答

水平菜單正在包裝

當調整瀏覽器的大小時，我的水平菜單正在環繞。我是新來的響應式網絡，我嘗試了以前提到的其他建議，但都沒有成功。任何建議都會非常有幫助。我的代碼在這個jsfiddle中。 https://jsfiddle.net/47cfL0ka/ 我的代碼： --------------- CSS --------------------- - body{margin:0 auto;padding:0;font:

0熱度

1回答

簡化自定義響應菜單的標記（無引導！）

我已經構建了一個自定義響應菜單，帶有漢堡包圖標，但沒有Bootstrap - 我不想使用Bootstrap。問題是，我想使用簡單的標記來實現這一點，但我不得不添加一個單獨的導航，我顯示/隱藏媒體查詢，我知道有一個更好的方法，但我不是當然如何。引導模型確實有一個單獨的導航與崩潰類，但我不應該能夠做到這一點，只需使用一個導航？這裏是JS搗鼓什麼，我這麼遠：https://jsfiddle.net

1熱度

2回答

CSS - 媒體查詢 - 元素無法正確堆疊/浮動

我正在爲平板電腦大小的屏幕設置媒體查詢，並且我的導航欄，標題徽標和頂部部分似乎不想正確堆疊。如果我修復了導航欄的位置，我正在丟失欄目標題，或者如果我將導航欄位置設置爲靜態，導航欄就試圖隱藏它。所以，當我減少爲680像素或低於我得到這個在我的屏幕的頂部 - 或者這 - 這一切疊加處罰款480像素和下方，從而不確定我做錯了什麼。這裏是我的媒體查詢 - @media screen and (max-wi

1熱度

1回答

HTML css表響應不同的行

我正在建立簡單的db項目列表。該列表中的每一項都包含5個元素。在桌面屏幕我有足夠的空間，在這樣的行中顯示所有文件：在上述原理樣品使用這個CSS表中生成： <div class="divTable"> <div class="divTableBody"> <div class="divTableRow"> <div class="divTableCell i