html 自动端字体很小,html – 移动设备上的字体大小非常小

我有一个< p>在一个巨大的< div>中阻止在我的html主体中,字体大小为80％,而且我还有一个页脚< div>在我身体的下半部分.

页脚中的文本也有80％的字体大小,如果我在我的PC上测试它是相同的,但如果我在移动设备上测试它,页脚的文本非常小,无法读取.

这怎么可能？这是解释,如何避免这种情况？

我的主要文字：

test text

我的页脚：

Esta web utiliza 'cookies' para su navegación. Al utilizar nuestros servicios

aceptas su uso.

我的CSS：

#cookiesBar {

display: none;

position: fixed;

left: 0px;

right: 0px;

bottom: 0px;

width: 100%;

text-align: center;

height: auto;

background-color: rgba(136,188,182,0.7);

z-index: 99999;

border-radius: 0px;

text-decoration: none;

line-height: 30px;

font-size: 80%;

font-family: verdana;

}

#mainTextContainer {

width: 80%;

margin: auto;

text-align: center;

margin-top: 60px;

}

.text {

font-size: 80%;

}