如何根据浏览器窗口大小调整文本大小

托比·范·肯彭(Toby van Kempen)

我想知道如何根据浏览器窗口设置文本大小。我当前的文本代码:

#quoteField{
letter-spacing:5px;
position:relative;
top:20%;
left:10%;
xtop:325px;
xleft:200px;
font-size:50px;

line-height:20px;
width:500;

color:#ffffff;
}

.quote{
font-family: Merriweather, serif;
}

.quoteHeavier{
font-family: Merriweather, serif;
font-weight:600;
}

或者,您可以签出此JSfiddle

德约乌

你可以用CSS属性尝试font-size: 4vw;在这里你可以了解这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何相对于浏览器窗口大小调整div的大小?

来自分类Dev

如何根据浏览器的大小调整自适应AdSense单元的大小

来自分类Dev

如何使div对齐并根据浏览器大小调整大小

来自分类Dev

如何使div对齐并根据浏览器大小调整大小

来自分类Dev

如何根据浏览器大小调整DIV元素的大小?

来自分类Dev

检测何时将浏览器窗口从特定大小调整为更大大小?

来自分类Dev

CSS窗口根据浏览器高度调整大小

来自分类Dev

ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

来自分类Dev

使用CSS将GIF大小调整为浏览器窗口尺寸

来自分类Dev

用于捕捉浏览器窗口大小调整的 React JS 函数不起作用

来自分类Dev

如何根据窗口大小调整元素大小

来自分类Dev

如何根据浏览器窗口大小动态调整html表

来自分类Dev

调整浏览器窗口大小并截图

来自分类Dev

如何仅跟踪浏览器窗口调整大小

来自分类Dev

在浏览器根据文本长度和字体大小调整大小后更改 div 的高度是一个好主意吗?

来自分类Dev

Flutter:如何根据设备的屏幕大小调整文本大小

来自分类Dev

根据屏幕大小调整文本大小

来自分类Dev

根据屏幕大小调整文本大小

来自分类Dev

调整浏览器窗口大小时,如何正确调整textarea的大小?

来自分类Dev

浏览器窗口调整大小时如何在CSS中调整梯形大小

来自分类Dev

如何根据文本大小调整视图布局

来自分类Dev

如何根据文本大小调整视图布局

来自分类Dev

根据浏览器窗口的宽度和高度调整div样式的大小-jQuery

来自分类Dev

将html元素大小调整为最大浏览器大小

来自分类Dev

如何使用浏览器大小单独调整div的大小?

来自分类Dev

调整浏览器窗口大小时,li元素重叠

来自分类Dev

调整浏览器窗口大小时,标题部分消失

来自分类Dev

调整浏览器窗口大小时禁用jquery插件

来自分类Dev

自动布局调整以适应不同的浏览器窗口大小

Related 相关文章

  1. 1

    如何相对于浏览器窗口大小调整div的大小?

  2. 2

    如何根据浏览器的大小调整自适应AdSense单元的大小

  3. 3

    如何使div对齐并根据浏览器大小调整大小

  4. 4

    如何使div对齐并根据浏览器大小调整大小

  5. 5

    如何根据浏览器大小调整DIV元素的大小?

  6. 6

    检测何时将浏览器窗口从特定大小调整为更大大小?

  7. 7

    CSS窗口根据浏览器高度调整大小

  8. 8

    ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

  9. 9

    使用CSS将GIF大小调整为浏览器窗口尺寸

  10. 10

    用于捕捉浏览器窗口大小调整的 React JS 函数不起作用

  11. 11

    如何根据窗口大小调整元素大小

  12. 12

    如何根据浏览器窗口大小动态调整html表

  13. 13

    调整浏览器窗口大小并截图

  14. 14

    如何仅跟踪浏览器窗口调整大小

  15. 15

    在浏览器根据文本长度和字体大小调整大小后更改 div 的高度是一个好主意吗?

  16. 16

    Flutter:如何根据设备的屏幕大小调整文本大小

  17. 17

    根据屏幕大小调整文本大小

  18. 18

    根据屏幕大小调整文本大小

  19. 19

    调整浏览器窗口大小时,如何正确调整textarea的大小?

  20. 20

    浏览器窗口调整大小时如何在CSS中调整梯形大小

  21. 21

    如何根据文本大小调整视图布局

  22. 22

    如何根据文本大小调整视图布局

  23. 23

    根据浏览器窗口的宽度和高度调整div样式的大小-jQuery

  24. 24

    将html元素大小调整为最大浏览器大小

  25. 25

    如何使用浏览器大小单独调整div的大小?

  26. 26

    调整浏览器窗口大小时,li元素重叠

  27. 27

    调整浏览器窗口大小时,标题部分消失

  28. 28

    调整浏览器窗口大小时禁用jquery插件

  29. 29

    自动布局调整以适应不同的浏览器窗口大小

热门标签

归档