Responsive design 基于浏览器查看端口或实际屏幕大小的响应式Web应用程序设计？

昨晚我和一位做桌面开发的同事聊天，他问我为什么我的反应基于浏览器视口，而不是像他那样基于显示器的实际大小

我正在使用

$(window).height();
$(window).width();

和CSS媒体查询

因此，我的问题是，哪种方法是构建响应性web应用程序的正确方法，而不是网站，因为我眼中的网站不同，我们应该使用浏览器视口还是使用实际的屏幕大小