gpt4 book ai didi

CSS/Bootstrap - 字体大小无法从计算机正确调整到移动设备 : Font on Mobile device looks so small

转载 作者:行者123 更新时间:2023-11-28 09:46:35 25 4
gpt4 key购买 nike

这是我的 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; }}

当我在笔记本电脑上调整浏览器窗口大小时,它会正确调整大小。但这是我的问题:当我从我的移动设备访问我的网站时,字体太小了(我不知道为什么,但我的移动设备上的 22px 太小了,我必须放大才能看到它正确)。当我将较小屏幕宽度的字体大小增加到 40px 时,它在我的移动设备上看起来不错,但是当我从我的笔记本电脑访问该网站并将浏览器窗口调整为较小的宽度时,40px 太大了并且结束了占据整个屏幕。

22px 在我的移动设备上看起来很小。有没有办法(使用 Bootstrap 或纯 CSS)解决这个问题?就问题而言,我的意思是,22px 太小了,但 40px 在我的移动设备上是完美的。然而,在我的电脑上恰恰相反(22px 是完美的但 40px 太大了)。

最佳答案

您是否尝试设置视口(viewport)?

<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/Bootstrap - 字体大小无法从计算机正确调整到移动设备 : Font on Mobile device looks so small,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30679591/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com