Question

我创建了这个webpage，每当在移动设备上查看它时，它都看起来像这样：click here。

如果我缩小网页，则所有内容均可见。但是，我希望它最初以这种方式加载，而不是让用户手动缩小。

我尝试了多种操作，例如：

更改边距
更改网格模板列的大小
确保没有带设定值的宽度，只有百分比

我还添加了：

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

我似乎无法弄清楚为什么要这样做。

如果您有任何建议，请告诉我。

Answer 1

该元素溢出，因为其填充具有固定值（以像素为单位）。将componentDidMount() { window.addEventListener('onbeforeunload', () => { //show your React modal this.setState({ isModalShown: true }); if (this.state.choose) { return undefined; } }); } render() { return ( <Modal open={this.state.isModalShown}> <p>Do you wish to continue?</p> <button onClick={() => this.setState({ choose: true })}>Cancel</button> <button onClick={() => this.setState({ choose: false })}>Ok</button> </Modal> ); }中的填充替换为百分比值，因此它将取决于容器的大小：

.m-intro

在移动设备上显示网站时，它会放大

1 个答案: