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’;
};