在我的项目中，需要CSS对响应性网页设计的建议吗？

我正在为我的聊天应用程序编写UI，需要一些关于响应性web设计部分的建议（在技术方面）。直截了当地说，我有两种观点。桌面视图和移动视图

桌面视图：

移动视图：

基本上，我希望好友列表在移动视图中消失。有什么建议吗

隐藏所有移动设备上的好友列表

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

---

我建议您找到包装好友列表的元素，并在使用display:none；以特定分辨率断开时使用媒体查询删除该元素

---

将页面划分为可识别的部分将使这一过程更容易。

一些可能的解决方案：

媒体查询：如果您以设备为目标，这是一种很好的方法

：这是CSS和JS解决方案，是媒体查询的替代方案

百分比测量：这是一个用于布局组件的CSS解决方案，您可以添加一些定制的JS来显示或隐藏零件

---

如果您熟悉Bootstrap，那么在web和移动设备上很容易处理（隐藏/显示）某些部件，并始终注意媒体查询的浏览器兼容性。