英文:
add @media CSS properties with JavaScript
问题
在React中，我可以用JavaScript添加CSS属性。
ref.current.style.background = 'red';
或者
ref.current.style = { background: 'red' };
是否可以添加@media？
我知道可以在JavaScript中跟踪屏幕大小，但我想添加这个CSS属性。
英文:
in React I can add css property with js.
ref.current.style.background = 'red'
or
ref.current.style = {background:'red'}
Is it possible to add @media ?
I know that it is possible to track the screen size in js, but I want to add this css property.
答案1
得分: 3
你可以尝试像这样使用window.matchMedia - https://www.w3schools.com/howto/howto_js_media_queries.asp;
if (window.matchMedia("(max-width: 480px)").matches) {
ref.current.style.backgroundColor = "red"
}
英文:
You could try something like this using window.matchMedia - https://www.w3schools.com/howto/howto_js_media_queries.asp;
if (window.matchMedia("(max-width: 480px)").matches) {
ref.current.style.backgroundColor = "red"
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论