如何使頂部中心克拉響應的懸停div上出現？

轉至http://www1.bloomingdales.com/。將鼠標懸停在主菜單中的選項上，如「SHOES」或「HANDBAGS」，頂部中間克拉的div會出現很多選項和其他鏈接。非常簡潔。我正在嘗試爲我的網站創建一個類似的佈局，但是在調整屏幕大小時，您會發現在本網站上的懸停div上出現的任何內容都無法響應。我怎樣才能使一個更適應的版本，在屏幕上看起來不錯，說如果不低於400像素寬，500像素寬。我正在討論這些div中的文本鏈接和標題，以及它們在div中的大小和位置以及div本身在屏幕上的位置。基本上使複製版本的http://www1.bloomingdales.com/適合在小屏幕上看起來不錯。有任何想法嗎？我不是要求一個「完美的解決方案」。更多的是「快速修復」做的事情。任何幫助深表感謝。提前致謝。如何使頂部中心克拉響應的懸停div上出現？

來源

2017-02-18 Asif Ali

SO不是一個代碼寫入服務，所以你自己努力，如果你不能使它工作，請回來 – LGSon

你想要一個jsfiddle –

我們更喜歡在問題中使用最小代碼片段的正確問題，作爲一個堆棧片段，重現您需要幫助的特定問題，而不是如何編寫響應式網站 – LGSon

如果你想編輯你的網站，以更好地看到更小的像素化。

您可以使用下面的代碼： - 和括號內輸入所需的代碼

@media screen and (min-width: 400px) { 
    body { 
     background-color: lightgreen; 
    } 
}

從這裏你可以改變的寬度（500你400之間說的）。瀏覽器將呈現此信息，並針對較小的設備進行相應更改。

來源

2017-02-18 19:44:03

讓我們等待答案，直到我們有一個正確的問題...如果你刪除你的答案，你會讓你的代表回來 – LGSon

這可以幫助我確定試試 –

@LGson，他問了一個問題「我怎樣才能做出更多在屏幕上看起來沒問題的反應版本說400至500像素寬，如果不小於「 –

如何使頂部中心克拉響應的懸停div上出現？

回答

相關問題