我需要有关某些“媒体查询”的非常具体的问题的帮助。 为了使文本在手机上可读,我写了这个:
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 */
}
}
我实际上不明白为什么,但是当我应用之前的代码时,我的一些文本要大两倍……有人可以帮我吗?真烦人。
谢谢。