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