需要針對我的項目提供響應式網頁設計的CSS建議？

Question

我正在編寫我的聊天應用程序的用戶界面，並在響應式網頁設計部分（技術方面）上需要一些建議。直接進入它，我有兩個意見。桌面視圖和移動視圖。

桌面視圖：

移動視圖：

基本上，我想friendslist在移動視線中消失。有什麼建議？

Answer 1

一些可能的解決方案：

1. 媒體查詢：是，如果你的目標設備support it走的好方法。
2. Bootstrap：這是CSS和JS解決方案，媒體查詢的替代方案。
3. 百分比測量：這是一個用於佈局組件的CSS解決方案，您可以添加一些定製的JS來顯示或隱藏部件。

Answer 2

Media Query

隱藏好友列表上的所有移動設備

@media only screen and (max-width: 529px) { 
    .friends-list-container{ 
    display: none; 
    } 
} 

Answer 3

我建議你找一個包裝好友列表中的元素，並使用媒體查詢要刪除的元素使用顯示器在特定分辨率破時：沒有;。

將您的頁面劃分爲可識別的分段將使這更容易。