CSS中怎样设置浏览器字体随窗口尺寸变化而变化 _html+css

在css中，可以按分辨率定义多种样式，在不同的窗口大小中显示不同的字体大小。下面小编举例讲解CSS中怎样设置浏览器字体随窗口尺寸变化而变化。

文章插图

需要这些哦
html+css
代码编纂器：z 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文件，查看实现的结果。

文章插图

文章插图

总结:11、利用p标签建立一行文字，用于测试。
【CSS中怎样设置浏览器字体随窗口尺寸变化而变化】2、在css标签内，以“@media screen”开首设置分歧的分辩率的样式。

注重事项min-width是最小宽度， max-width是最大宽度。

以上内容就是CSS中怎样设置浏览器字体随窗口尺寸变化而变化的内容啦，希望对你有所帮助哦！