イオンアプリケーションセットcss translate3dは私のデバイスでは実行されません

Question

私は自分のアプリでメニューサイドを作成し、そのためのCSSを設定します。ここに私のコードは menu.html

<ion-side-menus enable-menu-with-back-views="false" > 
 
    <ion-side-menu-content> 
 
    <ion-nav-bar class="bar-stable"> 
 
     <ion-nav-back-button> 
 
     </ion-nav-back-button> 
 

 
     <ion-nav-buttons side="left"> 
 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
 

 
     </button> 
 
     </ion-nav-buttons> 
 
    </ion-nav-bar> 
 
    <ion-nav-view name="menuContent" ></ion-nav-view> 
 
    </ion-side-menu-content> 
 

 
    <ion-side-menu side="left"> 
 
    <ion-header-bar class="bar-stable"> 
 
    \t <div class="bar-header"> 
 
    \t </div> 
 
    </ion-header-bar> 
 
    
 
\t <ion-content class="custom"> 
 
     <ion-list> 
 
     <ion-item menu-close> 
 
     Tab 1 
 
     </ion-item> 
 
     </ion-list> 
 
    </ion-content> 
 
    </ion-side-menu> 
 
</ion-side-menus>

であるとのstyle.cssに私が追加：

.menu.menu-left{ 
 
\t width: calc(75%) !important; 
 
} 
 
.menu-open .menu-content{ 
 
\t transform: translate3d(calc(75%), 0px, 0px) !important; 
 
}

と私は自分のデバイスでアプリケーションを実行します私はCSSを見る

.menu-open .menu-content{ 
 
    \t transform: translate3d(calc(75%), 0px, 0px) !important; 
 
    }

実行されません。私は、タグ本体にクラスのプラットフォームアンドロイドクラスを追加し、.platfrom-android.menu-open ...を追加しようとしていますが、実行されません。 どのように私はそれを修正するか、またはどのようにメニューの幅を設定することができます画面幅の75％ですか？ ありがとうございました！

Answer 1

幅を設定しようとしている場合は、calcは必要ありません。

width: 75%;