CSS / Bootstrap - 字体大小无法从计算机正确调整为移动设备：移动设备上的字体看起来太小
CSS / Bootstrap - font-size not properly resizing from computer to mobile device: Font on Mobile device looks so small
这是我的 CSS:
@media(max-width:767px){body { font-size: 22px; }}
@media(min-width:768px){body { font-size: 20px; }}
@media(min-width:992px){body { font-size: 16px; }}
当我在笔记本电脑上调整浏览器 window 大小时，它会正确调整大小。但这是我的问题：当我从我的移动设备访问我的网站时，字体太小了（我不知道为什么，但我的移动设备上的 22px 太小了，我必须放大才能看到它正确）。当我将较小屏幕宽度的字体大小增加到 40px 时，它在我的移动设备上看起来不错，但是当我从我的笔记本电脑访问网站并将浏览器 window 调整为更小的宽度时，40px 是方式太大，最终会占据整个屏幕。
22px 在我的移动设备上看起来很小。有没有办法（使用 Bootstrap 或纯 CSS）来解决这个问题？就问题而言，我的意思是，22px 太小了，但 40px 在我的移动设备上是完美的。然而，在我的电脑上恰恰相反（22px 是完美的但 40px 太大了）。
您尝试设置视口了吗？
<meta name="viewport" content="width=device-width, initial-scale=1">
见https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag#Viewport_basics
这是我的 CSS:
@media(max-width:767px){body { font-size: 22px; }}
@media(min-width:768px){body { font-size: 20px; }}
@media(min-width:992px){body { font-size: 16px; }}
当我在笔记本电脑上调整浏览器 window 大小时，它会正确调整大小。但这是我的问题：当我从我的移动设备访问我的网站时，字体太小了（我不知道为什么，但我的移动设备上的 22px 太小了，我必须放大才能看到它正确）。当我将较小屏幕宽度的字体大小增加到 40px 时，它在我的移动设备上看起来不错，但是当我从我的笔记本电脑访问网站并将浏览器 window 调整为更小的宽度时，40px 是方式太大，最终会占据整个屏幕。
22px 在我的移动设备上看起来很小。有没有办法（使用 Bootstrap 或纯 CSS）来解决这个问题？就问题而言，我的意思是，22px 太小了，但 40px 在我的移动设备上是完美的。然而，在我的电脑上恰恰相反（22px 是完美的但 40px 太大了）。
您尝试设置视口了吗？
<meta name="viewport" content="width=device-width, initial-scale=1">
见https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag#Viewport_basics