媒体查询更改了我不希望更改的元素

时间:2019-07-03 20:33:40

标签: html css media-queries font-size

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

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

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

谢谢。

0 个答案:

没有答案