我正在开发一个web应用程序，在那里我已经构建了2个UI。一个是针对桌面用户，另一个是面向移动用户。我想到了使用Display:None；CSS属性。对于较大的屏幕或较小的屏幕，它将被切换。这种方法会影响页面的性能吗？。有什么有效的方法来处理这个问题吗？
是的，使用display: none;肯定会影响页面性能。
display:none将从文档流中删除整个元素，并导致整个页面的回流，而visibility:hidden隐藏了一个元素，但保留了该元素的框模型。。
另一个可能的替代方案是Opacity，如果我们想创建透明度或淡入效果，可以使用它。
可见性：隐藏与显示：无与不透明度：0