在css中，可以按分辨率定义多种样式，在不同的窗口大小中显示不同的字体大小。下面小编举例讲解CSS中怎样设置浏览器字体随窗口尺寸变化而变化。
工具/原料
1
html+css
2
代码编辑器：zend studio 10.0
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解CSS中怎样设置浏览器字体随窗口尺寸变化而变化。
2
在test.html文件内，使用p标签创建一行文字，用于测试。
3
在test.html文件内，编写标签，页面的css样式将写在该标签内。
4
在css标签内，以“@media screen”开头设置不同的分辨率的样式，例如 ，设置300px至600px的分辨率的字体大小为15px。
5
在css标签内，再以“@media screen”开头设置600px以上的分辨率的字体大小为40px。
6
在浏览器打开test.html文件，查看实现的效果。
总结:
1、使用p标签创建一行文字，用于测试。2、在css标签内，以“@media screen”开头设置不同的分辨率的样式。
注意事项
min-width是最小宽度，max-width是最大宽度。
上一篇：InDesign中如何加粗字体
下一篇：div+css字体类型的更换