Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
仅Android设备上的CSS属性无效_Css_Cordova_Ionic Framework_Ionic - Fatal编程技术网

仅Android设备上的CSS属性无效

仅Android设备上的CSS属性无效,css,cordova,ionic-framework,ionic,Css,Cordova,Ionic Framework,Ionic,我正在尝试使用和利用。在我尝试用实际设备运行应用程序之前,它似乎一直工作得很好。我在ripple emulator for Android和本地浏览器下进行了测试,结果如下(这是理想的结果): 然而,当我将程序发送到我的Android设备进行调试时,我得到了以下结果: 当我在Windows Phone下运行时,我得到以下结果: 我主要关心的是android ripple emulator和设备之间的差异。我认为windows phone在一些需要修改的本地文件方面存在问题,并且由于某些原因

我正在尝试使用和利用。在我尝试用实际设备运行应用程序之前,它似乎一直工作得很好。我在ripple emulator for Android和本地浏览器下进行了测试,结果如下(这是理想的结果):

然而,当我将程序发送到我的Android设备进行调试时,我得到了以下结果:

当我在Windows Phone下运行时,我得到以下结果:

我主要关心的是android ripple emulator和设备之间的差异。我认为windows phone在一些需要修改的本地文件方面存在问题,并且由于某些原因,尺寸不匹配,因此页脚向下太深

Android设备(我想)的问题是,它抛出错误“无效CSS属性值:…”当我运行到设备时,大约有40个无效CSS属性值,所有这些值都在文件ionic.min.CSS中。当我将ripple emulator作为目标时,这些警告不会出现。我尝试过多次对我的项目进行重组,并使用完整的ionic.css文件,但两者都没有帮助解决这个问题。这些只是警告,应用程序确实编译并运行了,但没有达到预期的外观,这让我想到,如果我能解决这些CSS问题,我就能解决问题

值得注意的是,我正在运行Windows 8.1,使用VS2013和Cordova工具来构建/编译/运行

编辑:

运行安卓4.4

有问题的代码不是我的CSS(因为我没有CSS,而是爱奥尼亚的CSS,所以我会发布我目前使用的CSS。)

html(我省略了一些页面,但遵循此结构。)

找到帮助我的,无效的CSS仍然显示,但经过一些修改,它现在工作正常

“在最新版本的Ionic(beta 14)中,有一些配置变量现在默认为其平台值,这意味着它们将尝试根据构建它们的平台进行操作。对于选项卡,对于iOS,默认显示在顶部,Android显示在底部

通过在配置函数中设置$ionicConfigProvider中的tabs.position函数,您可以轻松地“硬设置”所有平台的位置,如下所示:

MyApp.config(['$ionicConfigProvider', function($ionicConfigProvider) {

$ionicConfigProvider.tabs.position('bottom'); //other values: top

}]);

您可以在此处查看文档:“

虽然屏幕截图可能会有所帮助,但如果看不到相关代码,则很难给出有效答案。请包括相关代码。Android操作系统版本请?用代码编辑,虽然我没有添加任何自定义CSS。增加了安卓4.4。
angular.module('app', ['ionic'])

.config(function ($stateProvider, $urlRouterProvider) {

    $stateProvider
      .state('tabs', {
          url: "/tab",
          abstract: true,
          templateUrl: "templates/tabs.html"
      })
      .state('tabs.home', {
          url: "/home",
          views: {
              'home-tab': {
                  templateUrl: "templates/home.html",
                  controller: 'HomeTabCtrl'
              }
          }
      })
      .state('tabs.resources', {
          url: "/resources",
          views: {
              'home-tab': {
                  templateUrl: "templates/resources.html"
              }
          }
      })
      .state('tabs.gmetrics', {
          url: "/gmetrics",
          views: {
              'home-tab': {
                  templateUrl: "templates/gmetrics.html"
              }
          }
      })
      .state('tabs.gfeed', {
          url: "/gfeed",
          views: {
              'home-tab': {
                  templateUrl: "templates/gfeed.html"
              }
          }
      })
      .state('tabs.googleforms', {
          url: "/googleforms",
          views: {
              'home-tab': {
                  templateUrl: "templates/googleforms.html"
              }
          }
      })
      .state('tabs.social', {
          url: "/social",
          views: {
              'home-tab': {
                  templateUrl: "templates/social.html"
              }
          }
      })
    .state('tabs.chapters', {
        url: "/chapters",
        views: {
            'home-tab': {
                templateUrl: "templates/chapters.html"
            }
        }
    });


    $urlRouterProvider.otherwise("/tab/home");

})

.controller('HomeTabCtrl', function ($scope) {
    console.log('HomeTabCtrl');
});
MyApp.config(['$ionicConfigProvider', function($ionicConfigProvider) {

$ionicConfigProvider.tabs.position('bottom'); //other values: top

}]);