支持网站上的最小宽度

时间:2016-11-25 03:52:15

标签: css reactjs media-queries

如何确保我的应用仅以1300像素的最小屏幕宽度呈现。任何小于此的东西都应该将用户重定向到固定的网页,就像404.这是一个React应用程序,我使用标准的根div来在index.html中呈现组件。

2 个答案:

答案 0 :(得分:1)

您可以在加载时检查屏幕宽度(在根组件的构造函数或componentDidMount中,如果它小于1300,则重定向它们:

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

答案 1 :(得分:1)

如果你正在使用reactjs,你可以尝试一下。

on()