CSS中怎样设置浏览器字体随窗口尺寸变化而变化
在css中，可以按分辨率定义多种样式，在不同的窗口大小中显示不同的字体大小。下面小编举例讲解CSS中怎样设置浏览器字体随窗口尺寸变化而变化。
东西/原料
- html+css
- 代码编纂器：zend studio 10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解CSS中如何设置浏览器字体随窗口尺寸转变而转变。
- 2
在test.html文件内，利用p标签建立一行文字，用于测试。
- 3
在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
- 4
在css标签内，以“@media screen”开首设置分歧的分辩率的样式，例如 ，设置300px至600px的分辩率的字体巨细为15px。
- 5
在css标签内，再以“@media screen”开首设置600px以上的分辩率的字体巨细为40px。
- 6
在浏览器打开test.html文件，查看实现的结果。
END
总结:
- 1
1、利用p标签建立一行文字，用于测试。
2、在css标签内，以“@media screen”开首设置分歧的分辩率的样式。
END
注重事项
- min-width是最小宽度，max-width是最大宽度。
- 发表于 2020-05-08 19:00
- 阅读 ( 1836 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章