【发布时间】：2019-05-31 10:07:29
【问题描述】：
另一个有趣的问题.... 我已经修改了 CSS 以使我的 Bootstrap4 驱动站点上的所有文本都响应。 这很好用，我已经使用下面的方法来做到这一点......
@media (max-width: 576px) {
html { font-size: 0.7rem; }
th { font-size: 1rem; }
}
@media (min-width: 768px) {
html { font-size: 0.8rem; }
th { font-size: 1rem; }
}
@media (min-width: 992px) {
html { font-size: 0.8rem; }
th { font-size: 1rem; }
}
@media (min-width: 1200px) {
html { font-size: 0.8rem; }
th { font-size: 1rem; }
}
它位于文件的顶部。
然后我意识到，虽然手机上的字体大小易于阅读和使用，但显示的菜单对于香肠手指来说有点小.. 所以我正在考虑“增加”移动设备导航栏的大小。我发现这可以在 PC 屏幕上运行（变小了），但由于某种原因无法在移动设备上播放？？？
基本上，我已将 .navbar-nav .nav-link, 和 font-size: 2rem; 行添加到媒体部分的第 4270ish 行
@media (max-width: 576px) {
.navbar-nav .nav-link,
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0;
font-size: 2rem;
}
}
正如所说，这适用于 PC 屏幕...当您在字体中绘制窗口时，字体会逐步缩小，直到它达到最小，菜单折叠在它“汉堡包”下，但字体变大两倍，仅用于菜单项。
只需要在小触摸屏上将导航栏字体变大，以使菜单更实用...请帮助。
【问题讨论】：
标签： ios bootstrap-4 navbar font-size iphone-x