使用javascript更好,检查window.innerwidth.
还是在媒体查询
上使用display:none更好?在缺少bug和简单情况下的性能速度方面。
例如:
你可以创建一个钩子,或者一个函数,当它改变时查看屏幕,或者你可以有一个媒体查询设置一个阻止,一个不显示。
哪个更快,哪个bug更少?
在检查屏幕大小和操纵样式的情况下,最好只使用CSS。
如果你想在JS中检查窗口宽度,你必须使用类似resize
事件附加到窗口/文档的东西。即使你把它封装在一个debounce函数中,它也需要花费昂贵的计算。
同样,也有可能用户禁用了JavaScript,而你的代码根本无法工作。
如果出于某些原因(编辑内容或功能),您必须使用JavaScript,更好的方法是使用window.matchMedia()
而不是innerWidth
函数在resize
事件
更多信息:https://webdevetc.com/blog/matchmedia-events-for-window-resizes/#windowmatchmedia-to-the-rescue