多语言展示
当前在线:1538今日阅读:61今日分享:18

如何使用CSS中的属性vmin和vmax设置字体大小

在CSS样式属性值中,可以使用px、em、cm等,但是平时使用vmax和vmin却很少(对我来说)。这两个属性是相对于视窗百分比来说的。下面利用这两个属性设置字体大小,操作如下:
工具/原料
1

HBuilder

2

JavaScript

3

CSS

4

HTML5

5

浏览器

6

截图工具

方法/步骤
1

第一步,双击打开HBuilder工具,新建一个HTML5静态页面模板,如下图所示:

2

第二步,在标签内,插入一个div标签,并设置对应的ID属性和内容,如下图所示:

3

第三步,在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin,如下图所示:

4

第四步,保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大,如下图所示:

5

第五步,将css样式属性中的vmin改为vmax,然后保存代码并查看效果,如下图所示:

注意事项
1

注意CSS属性vmax和vmin的用法

2

注意如何使用vmax和vmin属性设置字体大小

推荐信息