应用错误收集

如何使组件具有响应能力？

时间：2019-01-14 13:09:07

标签： reactjs responsive-design material-ui

我使用实质性UI逐步构建了一个反应形式，我不明白为什么在响应时出现这种行为：

responsive

一切都变得微不足道。我如何适当地使其响应？谢谢！

这是台式机版本：

desktop

1 个答案:

答案 0 :(得分：2)

使用viewport meta tag修复移动设备上的问题。

<meta name="viewport" content="width=device-width, initial-scale=1">

将其放在<head>中的index.html元素内。

上面content中提供的属性非常基础，因此，如果要添加更多配置，可以使用下面指定的其他属性。

其他可用的属性是minimum-scale，maximum-scale，和user-scalable。这些属性会影响初始比例和宽度，以及限制缩放级别的变化。

有关更多信息，请参见MDN docs。