文字宽度调整

Question

此website上的移动设备上的文字宽度存在问题。

我需要将文字全宽。

我尝试使div 100％，1000px，在表格中插入文字，使身体最小宽度......

Answer 1

你想在屏幕上证明文字的合理性吗？
您可以使用text-align CSS属性居中。 像这样

.center-wrapper{
  text-align: center;
}
.center-wrapper * {
  margin: 0 auto;
}

以下HTML：

<div class="center-wrapper">
  <div data-role="button">button text</div>
</div>

或设置屏幕的边距，如：

.center-wrapper{
  margin: 0 auto;
}

Answer 2

在我看来，你的问题与错误的viewport声明有关。 你应该使用

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

而不是

<meta name="viewport" content="width=1024">

因为您要确保根据每个移动设备的像素比率正确调整视口。有关viewport

的使用的更多详细信息，另请参阅https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag