如何通过离子/角度定向装置改变css

我有两个按钮图标，可以根据屏幕方向（横向或纵向）改变位置，如何始终使图标处于相同位置

CSS

HTML

---

看看这个-应该帮助媒体屏幕和（方向：横向）{}媒体屏幕和（方向：纵向）{}在css中看看这个-应该帮助媒体屏幕和（方向：横向）{}媒体屏幕和（方向：纵向）{}在css中

a#spunta.icon:before { 
  margin-left: 14em; color: green; transform: translate3d(0px,0px,0px) !important;
  -webkit-transform: translate3d(0px,0px,0px) !important; 
}
a#spunta.icon-left:before { 
  margin-left: 4em; color: green; transform: translate3d(0px,0px,0px) !important;
  -webkit-transform: translate3d(0px,0px,0px) !important; 
}


a#spuntaRif.icon:before { 
  transform: translate3d(0px,0px,0px) !important;
  -webkit-transform: translate3d(0px,0px,0px) !important; 
}
a#spuntaRif.icon-left:before { 
  transform: translate3d(0px,0px,0px) !important;
  -webkit-transform: translate3d(0px,0px,0px) !important; 
}

div style="border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600;"> 
a class="button button-icon icon ion-checkmark-circled" id="spunta" ng-click="updateApprovata();goArchive();goDettaglio()">
/a>
a class="button button-icon icon ion-close-circled" id="spuntaRif" ng-click="updateRifiutata();goArchive();goDettaglio()">
/a> 
/div>