react 中实现自适应效果代码

react 中实现自适应效果代码

componentDidMount() {

document.querySelector(‘meta[name=“viewport”]’).setAttribute(‘content’,‘width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0’);

this.changeBodyMinWidth();

window.onresize = () => {this.changeBodyMinWidth();};}

changeBodyMinWidth = () => {

const clientWidth = window.screen.availWidth;

const body = document.getElementsByTagName(‘body’)[0];

body.style.minWidth = clientWidth + ‘px’;

};