js控制媒体查询样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js控制媒体查询样式相关的知识,希望对你有一定的参考价值。

 

var result = window.matchMedia(‘(max-width: 768px)‘);

if (result.matches) {
//console.log(‘页面宽度小于等于768px‘);

} else {
//console.log(‘页面宽度大于768px‘);

}

 

以上是关于js控制媒体查询样式的主要内容,如果未能解决你的问题,请参考以下文章

JS和CSS实现响应式

使用 React.js 和 Material-UI 简化样式化的组件媒体查询

片段中的媒体控制器

响应式网站01

Styled Components - 内联样式与媒体查询样式重叠

css 非常有用的媒体查询片段