responsive-design

2熱度

1回答

我開始考慮在我的反應應用程序中有條件地渲染組件。我遇到了反應媒體（https://github.com/ReactTraining/react-media）和反應敏感（https://github.com/contra/react-responsive）。這兩者看起來都非常相似，都沒有提到與其他人或使用情況下的區別，其中一個特別糟糕，另一個更好。有人知道關鍵的區別嗎？

0熱度

2回答

在2 divs之間放置圖像（集中在屏幕上，響應並且不在文本中）

我試圖在我的頁面上的2個div之間放置圖像。目前我已經能夠在兩個div之間獲得的圖像，但它不響應（僅在1920寬度正確的位置），並且兩者重疊的div的文字： screenshot from my website CSS .btwimg { width: 90%; height: auto; position: absolute; transform: tra

0熱度

2回答

風格敏感的導航菜單

我想風格我的響應導航下拉菜單和更改背景顏色，但似乎無法弄清楚。我希望下面列表中的項目具有#cccccc的灰色背景。完整的網站位於： http://adanburlington.com/giotto2/index.html HTML： <ul class="nav hidden"> <li><a href="#" onclick="navFire()">Fire Alarm Systems</a

-2熱度

1回答

如何製作CSS網格填充窗口高度？

什麼是最好的（最簡單/最有效的）方式來使一個CSS網格填充任何大小的窗口的高度，而不使用overflow: hidden或類似的東西？謝謝！

0熱度

1回答

將導航從浮動右側改爲居中時調整大小

我已經搜索並搜索，發現了類似的問題，但以前的任何線程都無法幫助我解決問題。在我的桌面主頁上，我的導航菜單向右移動。但是，當在移動設備上調整大小或查看時，我希望菜單項位於中心位置，而不是右移，因爲它看起來很亂。我已經嘗試了其他帖子的各種建議，但似乎沒有任何工作，這使我瘋了。我已經嘗試了媒體查詢，將對齊大小調整到一定的大小，並且不成功，所以我必須做出錯誤的決定。此外，它並不是一個重要的優先事項，但我注

0熱度

2回答

媒體查詢本地工作，但不上傳到網站

所以我有這個奇怪的問題。當我在本地測試時，我的媒體查詢工作得很好，但是，當我將文件上傳到我的網站時，服務器似乎沒有注意到媒體查詢，它注意到其中一個是第一個，但是智能手機，它只是跳過並顯示我爲所有屏幕尺寸隱藏的所有元素。我確定他們是正確的，因爲他們在當地工作。無論如何，這是HTML和CSS。 <meta name="viewport" content="width=device-width">

1熱度

1回答

背景圖片無法響應

我的背景圖片無法響應，我在我的其他頁面上嘗試此代碼，但它工作正常，但是當我應用此代碼時。如果我最小化屏幕，背景將不會以全屏顯示。這裏的html的 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

1熱度

3回答

我應該使用哪種工具進行響應式網頁開發：Chrome網頁開發人員工具或只是調整窗口大小？

我一直在嘗試爲移動設備製作響應式網站。我已經發現了兩個方法來測試響應式設計：通過調整窗口使用谷歌Chrome開發者的工具在他們兩個我得到了不同的看法。哪一個給我正確的看法，因爲我在'em'中使用font-size和padding。

-2熱度

1回答

調整大小和中心的移動網站

我想在我的這個網站中心兩件事完成該網站的移動版本，一直沒有工作。請幫忙。第一個是我們今天購物中的這個按鈕，用於移動，第二個要改變的是最暢銷商品部分中的商店商品的尺寸。有人請幫助我一直強調過了這麼久.. 的鏈接是：othodesign.com 請記住，這是在WordPress的正在做，我不能改變的主題CSS，但我可以添加我自己的CSS。有人請幫忙！

0熱度

1回答

HTML頁面中的圖像映射沒有給出響應輸出

我想在html頁面中顯示一個圖像，在該圖像中，我有6個圈子，我希望讓它們可點擊。我已經實現了該功能，但它是靜態的。這意味着，每當我在手機中查看該圖像時，所有可點擊的圈子都不在適當的位置。如何使圖像映射響應。下面是我使用 <div> <img usemap="#planetmap" width="588px" height="471px" style="display: block;ma