浏览器调整大小时文本大小可能会自动减小吗?

时间:2012-02-18 17:56:32

标签: javascript html css

我已经将我的页面字体设置为font-size: 0.6875em;现在我想知道,当我使用百分比来表示宽度和填充所有DIVS时,当我调整浏览器大小时,我的文本大小会像我的DIVS一样减少通过拖动窗口(不是使用JavaScript函数)?

好像没有!我知道我可以添加CSS媒体查询,并且可能有一个JavaScript / jQuery工具,但是当用户拖动浏览器的一角并减少(或增加)窗口的大小时,我可以自动减小文本大小,或者我必须使用JS / CSS媒体查询?

任何建议都将受到赞赏。

由于

2 个答案:

答案 0 :(得分:0)

是的,您可以使用媒体查询:

@media screen and (min-width: 640px) { body { font-size:12px; }}

此处,当浏览器尺寸至少为640或更低时,字体大小将为12px。

您需要根据自己的要求调整min-width和CSS选择器。

请注意,您可以针对不同的尺寸进行多次媒体查询。

更多信息:

答案 1 :(得分:0)

不,没有JS /媒体查询就不可能。百分比始终适用于继承/初始字体大小。