移动视图上的字体大小取决于div高度吗？
移动视图上的字体大小取决于div高度吗？
提问于 2018-06-04 07:07:54
我的HTML的相关部分如下所示：
<div class="container-main">
<p>TEXT HERE<\p>
</div>我的CSS看起来像这样：
p {
font-size: 20px;
}
.container-mobile {
background-color: white;
margin-top: 100vh;
width: 100wv;
height: 600px;
}尽管我将字体大小设置为16px，但文本在移动设备上还是很小。如果我将高度改为'auto‘，字体会突然变大。为什么会有这种变化？在移动设备中处理字体大小的首选方法是什么？
回答 1
Stack Overflow用户
发布于 2018-06-04 07:15:00
将视区添加到页面的页眉部分解决了此问题
p {
font-size: 20px;
}
.container-mobile {
background-color: white;
margin-top: 100vh;
width: 100wv;
height: 600px;
}
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<div class="container-main">
<p>TEXT HERE</p>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50671779
复制相关文章
相似问题