html - 媒体查询更改了我不想更改的元素

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 */
}
}

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

谢谢你。

标签： htmlcssmedia-queriesfont-size