我一直在为桌面优先的Web应用程序开发Admin界面。将有一个面向移动用户的iOS应用程序，如果我们需要移动设备上的浏览器支持，则可能会设计一个移动优先UI。我只使用CSS / JS / HTML大约30天，所以请原谅我犯的任何错误。
要开始滚动，我开始使用Bootstrap，但是，我遇到了很多问题并决定放弃它。我不需要传统意义上的网格系统的响应性，使用网格模型对我的设计进行微调是非常痛苦的。
我在旅程中发现使用@Media，我可以根据屏幕分辨率调整各种元素的CSS，甚至可以使用width =“0”删除元素，并通过调整宽度来引入新元素上。我正在使用flexbox作为我的布局，我发现它非常有效，可以让我对UI的演示提供可靠的控制。
我计划最终将我的管理员转换为EmberJS应用程序，这使我能够更好地控制元素的显示时间和方式。
虽然我还在学习，但我发现像w2schools.com这样的资源非常有助于使用普通的JS和CSS添加侧边栏等元素。这使我的应用程序简单易用，而不必使用monolith框架。
我的问题是，是否可以调整基于设计的屏幕尺寸，使用width =“0”作为切换添加和删除元素，还是有更好的方法？另外，使用@Media和网格调整整体布局是否可以接受？
我想最终使用Electron将我的应用程序变成一个原生的Windows应用程序，所以我不想做任何不好的选择，以后会引起我的问题。
感谢您的帮助。
答案 0 :(得分：2)
可以调整基于设计的屏幕尺寸并添加和 使用width =＆＃34; 0＆＃34;删除元素作为切换或是否更好 方式
有一种更好的方法：
使用css display: none属性隐藏和显示元素，但这也会删除元素占用的空间。
如果您只需要设置可见性，请使用visibility: hidden
使用@Media与网格
整体调整布局是否可以接受
是的，可以使用@media查询。但是使用bootstrap网格系统非常简单，它还可以处理跨浏览器问题，否则您将不得不手动处理。