HTML5 fontsize根据浏览器大小调整大小javascript/jquery_Javascript_Css_Html

HTML5 fontsize根据浏览器大小调整大小javascript/jquery

javascript css html

HTML5 fontsize根据浏览器大小调整大小javascript/jquery,javascript,css,html,Javascript,Css,Html,嗨，我正在尝试动态调整我的字体大小。基于我的浏览器大小我已经有了下面的CSS、HTML，我正试图在javascript中添加一些东西 CSS HTML5 您好我的定位是绝对的，所以即使我调整浏览器的大小，它也会保持在屏幕的中心。但我的文本不会调整大小有什么建议吗谢谢解决了使用字体大小：1.2vw；相反使用媒体查询： @media screen and (min-width: 640px) { body { font-size:12px; }} 这里，当浏览器大小至少变为640

嗨，我正在尝试动态调整我的字体大小。基于我的浏览器大小

我已经有了下面的CSS、HTML，我正试图在javascript中添加一些东西

CSS

HTML5


您好

我的定位是绝对的，所以即使我调整浏览器的大小，它也会保持在屏幕的中心。但我的文本不会调整大小

有什么建议吗

谢谢

解决了

使用

字体大小：1.2vw；相反

使用媒体查询：

@media screen and (min-width: 640px) { body { font-size:12px; }}

这里，当浏览器大小至少变为640或以下时，字体大小将为12px

您需要根据需要调整最小宽度和CSS选择器

请注意，您可以对不同大小的媒体进行多个查询。

尝试在html头中添加此元标记

<head>
<title>Title</title>
....
<meta name="viewport" content="width=device-width, initial-scale=1.0">
....
</head>


标题
....
....

根据屏幕宽度调整大小（示例）

#第一位置
{
位置：绝对位置；
宽度：50%；/**调整大小**/
最高：50%；
左：0；
右：0；
保证金：0自动；
背景色：黑色；
}
.textSize
{
字体大小：3vw；/**调整大小**/
颜色：#FFF；
文本对齐：居中；
}


您好

JavaScript在哪里？对不起，我想用JavaScript来改变我的身高。但我不能这样做，所以我没有在父div的高度或字体的高度中添加任何javascript？你给了#firstPosition一个固定的宽度和高度，你想在保持div大小的同时调整字体大小吗？事实上，我想根据我的屏幕调整所有大小，包括父divHi的高度，它确实改变了我的fontsize，但是即使我当前的是1920，它仍然会改变，我可以知道我做的是否正确吗？我使用的字体大小是：2vw；

@media screen and (min-width: 640px) { body { font-size:12px; }}

<head>
<title>Title</title>
....
<meta name="viewport" content="width=device-width, initial-scale=1.0">
....
</head>