ウェブサイトの最小幅をサポートする

Question

私のアプリが最小画面幅1300ピクセルでのみレンダリングするようにするにはどうすればよいですか？それ以下のものは、404のような固定Webページにユーザーをリダイレクトする必要があります。これはReactアプリケーションで、標準のroot divを使用してindex.html内のコンポーネントをレンダリングしています。

Answer 1

あなたがreactjsを使用している場合、あなたはこれを試してみることができます。

window.addEventListener('load',() => { 
    const width = screen.width; 
    if (width > 1300) { 
    render((
     <SomeComponent /> 
    ), document.getElementById('root')); 
    } 
    else { 
    render((
     <div>404 not found </div> 
    ), document.getElementById('root')); 
    } 
}); 

Answer 2

あなたはそれが1300未満だ場合、それらをリダイレクトし、その後、ルートコンポーネントのコンストラクタまたはcomponentDidMountのいずれか（負荷に画面の幅を確認することができます。

var width = screen.width; 
if (width < 1300) window.location.replace("http://stackoverflow.com");