javascript - 响应式网页设计 - 如何实现 JavaScript 部分？

Question

我正准备使网页响应旧的现有复杂网页。https://www.lendingclub.com/browse/browse.action

我对 CSS 部分使用媒体查询，使不同的 CSS 适用于不同宽度的浏览器。我想问一下：

• 如果某些功能仅存在于移动版（以及 PC 上的窄宽度浏览器）中，您如何处理 JavaScript 部分？
• 我正在做的是按当前窗口宽度：

   window.onresize = function(){ if (document.body.clientWidth <= 720){……}} 

它是“响应式 js”的最佳和主要方式吗？

我们在旧的 PC 页面中使用 YUI，不包含任何移动框架。

谢谢你。

Answer 1

我使用这些值在 Javascript 中实现响应式网页设计：

screen.height;
screen.width;

此外，如果某些功能在移动设备中不可用，则在移动设备上运行的任何脚本都不应调用这些功能。