Reactjs 如何使用特定于浏览器的媒体查询，如-ms高对比度、react material ui中的Edge 即

@媒体屏幕和（-ms高对比度：激活），（-ms高对比度：无）{

}

边缘 @支持（-ms-ime-align:auto）{

---

}

要在react material UI中使用媒体查询，您需要使用

这是React的CSS媒体查询挂钩。它侦听CSS媒体查询的匹配项。它允许根据查询是否匹配来呈现组件

您应该向钩子的第一个参数提供媒体查询。媒体查询字符串可以是任何有效的CSS媒体查询，例如“（首选颜色方案：深色）”

例如：

import mediaQuery from 'css-mediaquery';

function createMatchMedia(width) {
  return query => ({
    matches: mediaQuery.match(query, { width }),
    addListener: () => {},
    removeListener: () => {},
  });
}

describe('MyTests', () => {
  beforeAll(() => {
    window.matchMedia = createMatchMedia(window.innerWidth);
  });
});

---

因此，媒体查询将是相同的。您只需要将其作为媒体查询字符串的参数进行传递。

请显示一些代码，说明您希望如何使用此字符串。您好@Deepak MSFT我想知道在哪里可以输入他们尝试用于查询的像素数？在查询中输入css属性是必须的，因为我只想找到一个特定宽度的组件。