【问题标题】:Responsive web design - How to implement JavaScript part?响应式网页设计 - 如何实现 JavaScript 部分?
【发布时间】:2013-09-13 08:44:38
【问题描述】:

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

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

  • 如果部分功能只存在于移动版(和PC上的窄宽度浏览器)中,你如何处理JavaScript部分?
  • 我正在做的是按当前窗口宽度:
   window.onresize = function(){ if (document.body.clientWidth <= 720){……}} 

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

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

谢谢。

【问题讨论】:

    标签: javascript mobile responsive-design mobile-website


    【解决方案1】:

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

    screen.height;
    screen.width;
    

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

    【讨论】:

    • 是的,目前我使用的是:window.onresize = function(){if(document.body.clientWidth
    • 误解了你的问题,抱歉。我更改了答案以适合您的问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-03
    • 2013-03-15
    • 2016-12-09
    • 1970-01-01
    • 2021-12-21
    相关资源
    最近更新 更多