我被委托使一个网络应用更加适合移动端。我正在使用PhoneGap将应用程序转换为移动版本,并使用Ripple模拟器测试其外观。
在应用中,PhoneGap工作得很好,但有一种“控制面板”宽度不会改变,导致该控制面板占据了移动视图的大部分宽度,这是不好的。
因此,我需要编辑当前的JavaScript文件,以便检测查看器是否为移动设备,并相应地调整此控制面板元素的宽度。不幸的是,我基本上是全新的Web开发者......
因此,作为一个普遍性的问题,我该如何做到这一点?我认为我需要在页面实际加载之前进行这些调整,但我不确定JS文件的哪个位置会发生这种情况。客户正在使用JQuery Mobile和其他几个库。原始开发人员已经在使用......
在应用中,PhoneGap工作得很好,但有一种“控制面板”宽度不会改变,导致该控制面板占据了移动视图的大部分宽度,这是不好的。
因此,我需要编辑当前的JavaScript文件,以便检测查看器是否为移动设备,并相应地调整此控制面板元素的宽度。不幸的是,我基本上是全新的Web开发者......
因此,作为一个普遍性的问题,我该如何做到这一点?我认为我需要在页面实际加载之前进行这些调整,但我不确定JS文件的哪个位置会发生这种情况。客户正在使用JQuery Mobile和其他几个库。原始开发人员已经在使用......
<meta name="viewport" content="width=device-width, initial-scale=1" />
这是一个标签,但它对此控制面板部分没有影响,控制面板元素的宽度是硬编码的。
这是一个相当模糊的问题,但我会感激任何提示或指导。