Html 如何调整所有设备中的文本大小？_Html_Css

Html 如何调整所有设备中的文本大小？

html css

Html 如何调整所有设备中的文本大小？,html,css,Html,Css,我想在所有设备中调整文本大小。当我在PC上查看时，它看起来不错，但当我在手机上查看时，它不适合盒子，并且与上面和下面的按钮重叠这是我的密码。容器配置文件{ 位置：相对位置；宽度：100%； } .形象{ 显示：块；最大宽度：100%；高度：自动； } .覆盖配置文件{ 位置：绝对位置；排名：0；底部：0；左：0；右：0；身高：100%；宽度：100%；不透明度：0；过渡：放松；背景色：#008CBA； } .容器配置文件：悬停.覆盖配置文件{ 不透明度：1； } .

我想在所有设备中调整文本大小。当我在PC上查看时，它看起来不错，但当我在手机上查看时，它不适合盒子，并且与上面和下面的按钮重叠

这是我的密码

。容器配置文件{
位置：相对位置；
宽度：100%；
}
.形象{
显示：块；
最大宽度：100%；
高度：自动；
}
.覆盖配置文件{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
身高：100%；
宽度：100%；
不透明度：0；
过渡：放松；
背景色：#008CBA；
}
.容器配置文件：悬停.覆盖配置文件{
不透明度：1；
}
.文本{
颜色：白色；
字体大小：自动；
职位：继承；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本转换：翻译（-50%，-50%）；
}


SCORE（研究交流常设委员会）是苏门答腊大学的一个组织，它是一个半自治、独立和独立的组织
这是一个非常重要的问题。2003年阿古斯都第19次世界大战，并在棉兰举行。他说，分数是衡量大学教育质量的重要标准，也是衡量大学教育质量的重要标准
苏门答腊岛。在分析和研究中，印尼国家队得分最高


Scripta-Manent-Verba-violent
“这是一个很好的例子，也是一个很好的例子”

只需在HTML文件中添加元数据，如

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />

这将调整设备中的字体大小。

只需在HTML文件中添加元数据，如

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />

这将调整您在设备中的字体大小。

您可以使用媒体查询获取不同大小的字体，以适合您正在使用的设备

花点时间玩玩就行了

视口百分比值为：

```
vw
```
（视口宽度）
```
vh
```
（视口高度）
```
vi
```
（根元素内联轴方向上视口大小的1%）
```
vb
```
（根元素块轴方向上视口大小的1%）
```
vmin
```
（vw或vh中的较小者）
```
vmax
```
（较大的或
```
vw
```
或
```
vh
```
）

如果您这样使用

vw

，希望您的问题能够得到解决：

.text {
    font-size: 5vw;  // OR whatever value you need
}

只要花点时间玩就行了

视口百分比值为：

```
vw
```
（视口宽度）
```
vh
```
（视口高度）
```
vi
```
（根元素内联轴方向上视口大小的1%）
```
vb
```
（根元素块轴方向上视口大小的1%）
```
vmin
```
（vw或vh中的较小者）
```
vmax
```
（较大的或
```
vw
```
或
```
vh
```
）

如果您这样使用

vw

，希望您的问题能够得到解决：

.text {
    font-size: 5vw;  // OR whatever value you need
}

设置。logoHeader div高度自动

.logoHeader{
    height: auto;
    min-height: 120px;
}

如果这不是问题的话。您可以查看尼切什和艾尔·阿明的答案。

设置。logoHeader div高度自动

.logoHeader{
    height: auto;
    min-height: 120px;
}

如果这不是问题的话。您可以查看Nitheesh和Al Amin的答案。

考虑使用bootstrap的网格布局来设置元素在不同大小设备上的空间。也可以尝试使用flexbox来分隔元素。在线提供的教程数量，可供两者一起使用。在root（html）上设置默认的

font size

，然后在

rem

中的其他字体大小在

媒体查询的每个断点处更改root的字体大小，并且rem
中的所有字体大小将更改为与root相关。这远远不是一个完美的解决方案（因此它是一个注释）。考虑使用Bootstrap的网格布局来设置元素可以在不同大小的设备上所占用的空间。也可以尝试使用flexbox来分隔元素。在线提供的教程数量，可供两者一起使用。在root（html）上设置默认的font size
，然后在rem
中的其他字体大小在媒体查询的每个断点处更改root的字体大小，并且rem
中的所有字体大小将更改为与root相关。这远不是一个完美的解决方案（因此是一个评论）。谢谢你的建议。当我添加了一个新的1vw
font size
很高兴听到：）谢谢你的建议。当我添加了一个新的1vw
font size
很高兴听到：）