每次我在 Android Chrome 上刷新页面时，我的文字大小都会改变答案

【问题标题】：My text size changes every time I refresh the page on android Chrome每次我在 Android Chrome 上刷新页面时，我的文字大小都会改变
【发布时间】：2023-01-12 10:52:10
【问题描述】：

我在将某些 CSS 应用于我的网站时遇到问题。我使用一些 CSS 来设置文本的颜色、大小和对齐方式。它在桌面浏览器上运行良好，一切看起来都应该是这样。只有当我在我的 android chrome 上加载页面时才会出现问题。有时它会正确显示 CSS，但在我刷新它后，文本会变小很多。然而，页面上使用完全相同 CSS 的其他一些文本根本没有改变。

请注意，以下 CSS 属性仅适用于手机屏幕尺寸。我使用 CSS 媒体查询来执行此操作。

这是我正在应用的 CSS：

.list {
  color: white;
  padding: none;
  display: block;
  margin-left: 0px;
  margin-right: 10px;
  text-align: left;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-size: 100%;
}

页面上的其他一些 CSS 也会发生这种情况。它在刷新页面时不断变化。

请给我一些帮助。谢谢你。

【问题讨论】：

标签： css text styles

【解决方案1】：

主要原因是你用的是%try rem。您可能需要对其他屏幕类型上的字体大小进行移动查询。

font-size: 100%;

改成：

font-size: 1.8rem;

这可能太大了

【讨论】：

【解决方案2】：

因为您使用的是字体大小的百分比，所以它基于父容器的大小。更好的方法是使用 rem 或 px。这是一个很好的article解释你所有的选择

【讨论】：