Scenerio：我必须在Angular JS中开发一个响应式网站，其中一些组件的大小使用CSS媒体查询，而其他组件则使用Javascript / Angular。
屏幕和浏览器分辨率之间的差异问题从宽度为1600及以上的设备开始。实际上，某些浏览器的分辨率低于屏幕分辨率，而其他浏览器的分辨率与屏幕分辨率完全相同
我使用的是具有14英寸屏幕的Win 10计算机，支持的屏幕分辨率高达2560x1440
我试图找出某些标准分辨率的浏览器宽度，并找到以下结果：
用于屏幕1366x768浏览器视口宽度：1366px
用于1600x900浏览器视口宽度的屏幕：1583px
用于具有1920x1080浏览器视口宽度的屏幕：1519.2px
用于屏幕，2560x1440浏览器视口宽度1433px
现在问题是css和js都根据屏幕大小而不是浏览器大小应用元素大小，哪个浏览器无法正常显示，因为它的分辨率低于屏幕。
请注意：浏览器的低分辨率问题特定于某些设备，而不是所有设备都具有分辨率。这对于该设备上的所有浏览器都是相同的。即铬，莫扎拉，等等。
编辑：
而且我也不想使用Bootstrap和Jquery。如果可能，请建议使用Angular JS / HTML / CSS方法。