Question

我需要有关某些“媒体查询”的非常具体的问题的帮助。为了使文本在手机上可读，我写了这个：

html{font-size: 100%}

对于普通设备，以及此：

@media screen and (max-aspect-ratio: 7/8) and (min-height: 1100px){html{font-size: 190%;}}

使移动用户能够阅读较大的文本。

我真的很高兴，因为它可以完美地工作，并且所有元素和文本都可以完美显示。（精确：我所有的字体大小/和元素之间的某些填充都以“ rem”为单位。）

我还有另一个div宽度，其中一些属性（但没有字体大小），我在上面使用了媒体查询，如下所示：

@media screen and (max-width: 700px){
.ftrsection{
float: none;
/* some other code */
}

该div的初始代码为：

.ftrsection{
float:left
}

但是我决定在其他条件下应用此媒体查询，这些条件与html{font-size: 190%}相同：

 @media screen and (max-aspect-ratio: 7/8) and (min-height: 1100px){
.ftrsection{
float: none;
/* some other code */
}
}

我实际上不明白为什么，但是当我应用之前的代码时，我的一些文本要大两倍……有人可以帮我吗？真烦人。

谢谢。