Javascript 类似于Java脚本的媒体查询?

Javascript 类似于Java脚本的媒体查询?,javascript,html,css,responsive-design,header,Javascript,Html,Css,Responsive Design,Header,最近我问了这个问题,有人给了我一个JavaScript,它工作得很好,直到我向上滚动(屏幕尺寸较小,这意味着默认字体尺寸较小),JavaScript将字体大小更改回默认大小 这是我的代码(由于某种原因这里不起作用,但在我的代码中起作用) 问题是:我如何改变这个Java脚本,以某种方式使他响应 var scrollCn=函数(数量) { var scrollTop=(window.pageYOffset | | document.scrollTop)-(document.clientTop |

最近我问了这个问题,有人给了我一个JavaScript,它工作得很好,直到我向上滚动(屏幕尺寸较小,这意味着默认字体尺寸较小),JavaScript将字体大小更改回默认大小

这是我的代码(由于某种原因这里不起作用,但在我的代码中起作用)

问题是:我如何改变这个Java脚本,以某种方式使他响应

var scrollCn=函数(数量)
{
var scrollTop=(window.pageYOffset | | document.scrollTop)-(document.clientTop | | 0);
变量大小=25-((滚动顶部/数量)| | 0);

如果(size我对你的代码做了一些修改。为浏览器窗口的宽度添加了一个条件。它的工作原理类似于媒体查询。有必要吗

if( window.innerWidth <= 1400 ){
      var size = 20 - ((scrollTop / quantity) || 0);
      if(size <= 10) size = 10; 
} 

Účtovníctvo a zčtovanie zdravotnej starostlivosti Svit


将您的媒体查询添加到代码中。我做了@sergeykuznetsovThank!非常感谢!效果很好,我原以为会是这样,但我是js新手。事实上,使用媒体查询css无法在您的任务中解决,因为字体大小的动态变化。请注意,我还将逻辑包装为25像素。它很好,很乐意帮忙。