Html 离子内容中的DOM元素呈现方向错误

我已经在我的Ionic网站（PWA）中构建了一个常见的静态页面，但我在Firefox上有一个意想不到的行为： 我的ion内容的所有子元素都以错误的方向呈现

在Chrome或Safari上，一切似乎都很好

我试图找到一个flex容器来应用

flex-direction:column

或

flex-direction:column-reverse

，但这不起作用

模板和样式：

#页面标题{
文本对齐：居中；
颜色：var（--离子原色）；
字体大小：3rem；
字号：200；
文本阴影：0 0 1px var（--离子颜色）；
}
#描述{
最大宽度：840像素；
保证金：0自动；
文本对齐：居中；
字号：1.2rem；
离子项目，离子项目离子标签{
字号：1.2rem；
}
离子项目离子注{
字体大小：0.9rem；
位置：相对位置；
左：60px；
底部：10px；
}
}

塔里夫斯
门苏尔斯酒店
私人办公室pro（18欧元HT/MOI）
个人顾问（19欧元TTC/MOI）
蒙坦德斯库斯酒店
课程20（50欧元）
最大倾注距离为20公里
课程40（80欧元）
在东海岸20公里和40公里处注入trajet Centre
课程100（150欧元）
从特拉杰特中心向东行驶40公里和100公里

在上面的屏幕截图中，您可以在Firefox检查器中看到DOM元素的呈现方式如下：

<div id="description">...</div>
<ion-text>...</ion-text>

这是我的package.json：

{
  "name": "sambernard-site",
  "version": "0.0.1",
  "author": "CYBERG",
  "homepage": "https://sam-bernard.fr/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "6.0.9",
    "@angular/common": "6.0.9",
    "@angular/core": "6.0.9",
    "@angular/forms": "6.0.9",
    "@angular/http": "6.0.9",
    "@angular/platform-browser": "6.0.9",
    "@angular/platform-browser-dynamic": "6.0.9",
    "@angular/pwa": "^0.6.8",
    "@angular/router": "6.0.9",
    "@angular/service-worker": "6.0.9",
    "@ionic-native/core": "5.0.0-beta.14",
    "@ionic-native/splash-screen": "5.0.0-beta.14",
    "@ionic-native/status-bar": "5.0.0-beta.14",
    "@ionic/angular": "4.0.0-beta.2",
    "@ionic/ng-toolkit": "1.0.0",
    "@ionic/schematics-angular": "1.0.1",
    "@ionic/storage": "^2.1.3",
    "angular5-recaptcha": "0.0.2",
    "core-js": "^2.5.3",
    "jquery": "^3.3.1",
    "ngx-owl-carousel": "^2.0.7",
    "owl.carousel": "^2.3.4",
    "rxjs": "6.2.2",
    "rxjs-compat": "6.2.2",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "6.0.8",
    "@angular/compiler": "6.0.9",
    "@angular/compiler-cli": "6.0.9",
    "@angular/language-service": "6.0.9",
    "@angular-devkit/architect": "0.7.0-rc.2",
    "@angular-devkit/build-angular": "0.7.0-rc.2",
    "@angular-devkit/core": "0.7.0-rc.2",
    "@angular-devkit/schematics": "0.7.0-rc.2",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.5.2",
    "codelyzer": "~4.4.2",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.2",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.3.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~2.7.2"
  },
  "description": "Site web SAMBERNARD",
  "browser": {
    "path": false,
    "fs": false,
    "crypto": false,
    "http": false,
    "https": false
  }
}

---

检查整个app.scs和/或index.html，看看是否应用了导致反转的某个应用程序范围内的内容？我已经检查过了，但没有CSS规则会导致我的global.scs中出现这些“反转渲染”。而且我的index.html没有被触动。。。。谢谢你的建议：）你到底使用哪个版本的爱奥尼亚？我无法用4.0.0-beta版复制。3：我刚刚用ionic info命令结果编辑了我的问题

Ionic:
   ionic (Ionic CLI)          : 4.0.3 (/Users/gilhardl/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.2
   @angular-devkit/core       : 0.7.0-rc.2
   @angular-devkit/schematics : 0.7.0-rc.2
   @angular/cli               : 6.0.8
   @ionic/ng-toolkit          : 1.0.0
   @ionic/schematics-angular  : 1.0.1

System:
   NodeJS : v9.11.1 (/usr/local/bin/node)
   npm    : 6.3.0
   OS     : macOS High Sierra

{
  "name": "sambernard-site",
  "version": "0.0.1",
  "author": "CYBERG",
  "homepage": "https://sam-bernard.fr/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "6.0.9",
    "@angular/common": "6.0.9",
    "@angular/core": "6.0.9",
    "@angular/forms": "6.0.9",
    "@angular/http": "6.0.9",
    "@angular/platform-browser": "6.0.9",
    "@angular/platform-browser-dynamic": "6.0.9",
    "@angular/pwa": "^0.6.8",
    "@angular/router": "6.0.9",
    "@angular/service-worker": "6.0.9",
    "@ionic-native/core": "5.0.0-beta.14",
    "@ionic-native/splash-screen": "5.0.0-beta.14",
    "@ionic-native/status-bar": "5.0.0-beta.14",
    "@ionic/angular": "4.0.0-beta.2",
    "@ionic/ng-toolkit": "1.0.0",
    "@ionic/schematics-angular": "1.0.1",
    "@ionic/storage": "^2.1.3",
    "angular5-recaptcha": "0.0.2",
    "core-js": "^2.5.3",
    "jquery": "^3.3.1",
    "ngx-owl-carousel": "^2.0.7",
    "owl.carousel": "^2.3.4",
    "rxjs": "6.2.2",
    "rxjs-compat": "6.2.2",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "6.0.8",
    "@angular/compiler": "6.0.9",
    "@angular/compiler-cli": "6.0.9",
    "@angular/language-service": "6.0.9",
    "@angular-devkit/architect": "0.7.0-rc.2",
    "@angular-devkit/build-angular": "0.7.0-rc.2",
    "@angular-devkit/core": "0.7.0-rc.2",
    "@angular-devkit/schematics": "0.7.0-rc.2",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.5.2",
    "codelyzer": "~4.4.2",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.2",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.3.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~2.7.2"
  },
  "description": "Site web SAMBERNARD",
  "browser": {
    "path": false,
    "fs": false,
    "crypto": false,
    "http": false,
    "https": false
  }
}