在计算机上调整了文本大小但在 phone HTML 上没有
Resized text on computer but not on phone HTML
我想根据屏幕上的大小调整文本大小。通过使用新的 vw 和 vh 似乎在我的 PC 上工作正常,但是当我从我的 phone 访问该网站时,文本保持不变。即:它对我的 phone 屏幕来说太大了。这是我的代码:
#aboutMe {
color: white;
font-style: italic;
font-weight: bold;
margin: 7vw 10px 5px 39vw;
font-size: 2.5vw;
}
关于如何解决这个问题的任何猜测?
你用过类似的东西吗
<meta name="viewport" content="width=device-width, initial-scale=1">
在你的 HTML?
你应该避免在边距中使用 px 而使用 em 属性。
希望对你有帮助。
我想根据屏幕上的大小调整文本大小。通过使用新的 vw 和 vh 似乎在我的 PC 上工作正常,但是当我从我的 phone 访问该网站时,文本保持不变。即:它对我的 phone 屏幕来说太大了。这是我的代码:
#aboutMe {
color: white;
font-style: italic;
font-weight: bold;
margin: 7vw 10px 5px 39vw;
font-size: 2.5vw;
}
关于如何解决这个问题的任何猜测?
你用过类似的东西吗
<meta name="viewport" content="width=device-width, initial-scale=1">
在你的 HTML?
你应该避免在边距中使用 px 而使用 em 属性。 希望对你有帮助。