我已经将我的页面字体设置为font-size: 0.6875em;
现在我想知道,当我使用百分比来表示宽度和填充所有DIVS时,当我调整浏览器大小时,我的文本大小会像我的DIVS一样减少通过拖动窗口(不是使用JavaScript函数)?
好像没有!我知道我可以添加CSS媒体查询,并且可能有一个JavaScript / jQuery工具,但是当用户拖动浏览器的一角并减少(或增加)窗口的大小时,我可以自动减小文本大小,或者我必须使用JS / CSS媒体查询?
任何建议都将受到赞赏。
由于
答案 0 :(得分:0)
是的,您可以使用媒体查询:
@media screen and (min-width: 640px) { body { font-size:12px; }}
此处,当浏览器尺寸至少为640
或更低时,字体大小将为12px。
您需要根据自己的要求调整min-width
和CSS选择器。
请注意,您可以针对不同的尺寸进行多次媒体查询。
更多信息:
答案 1 :(得分:0)
不,没有JS /媒体查询就不可能。百分比始终适用于继承/初始字体大小。