Javascript 如何解决浏览器分辨率和屏幕分辨率之间的差异

Scenerio：我必须用Angular JS开发一个响应性强的网站，其中一些组件使用CSS媒体查询来调整大小，而另一些组件则使用Javascript/Angular

屏幕和浏览器分辨率之间的差异问题始于宽度大于等于1600的设备。实际上，一些浏览器的分辨率低于屏幕分辨率，而另一些浏览器的分辨率与屏幕分辨率完全相同

我使用的是Win 10电脑，屏幕为14英寸，支持的屏幕分辨率高达2560x1440

我试图找出一些标准分辨率的浏览器宽度，结果如下：

对于屏幕1366x768浏览器视口宽度：1366px

对于具有1600x900浏览器视口宽度的屏幕：1583px

对于具有1920x1080浏览器视口宽度的屏幕：1519.2px

对于具有2560x1440浏览器的屏幕，视口宽度1433px

现在的问题是css和js都根据屏幕大小而不是浏览器大小应用元素大小，浏览器无法正确显示，因为它的分辨率低于屏幕

请注意：浏览器上的低分辨率问题特定于某些设备，并非所有设备都具有分辨率和所有分辨率。这对该设备上的所有浏览器都是一样的。i、 e chrome、mozilla、ie等

编辑：

---

而且我不想使用引导，也不想使用Jquery。如果可能的话，请建议一种有角度的JS/HTML/CSS方法。

我从来没有听说过这样的事情，迫不及待地想知道为什么会发生这种情况。。？？特别奇怪的是，对于高于1600x900的分辨率，视口宽度变得越来越小如何处理差异非常简单：不要再关心屏幕大小了。只关心视口大小。现在的问题是css和js都根据屏幕大小应用元素大小-更改css和js，这样就不再是这样了。@Quentin我也想过做同样的事情。但我无法强制css或js使用浏览器大小而不是屏幕大小size@SushilKumarSingh-我们无法在看不到代码的情况下判断您做错了什么。@Quentin我已编辑了我的问题以提供链接