在iPad中以RTL语言显示的导航按钮位置不正确 [英] Position of navigation buttons in RTL languages are not correct in iPad

问题描述

在iPad中，RTL语言的导航按钮位置不正确

Position of navigation buttons in RTL languages are not correct in iPad

当设备语言设置为阿拉伯语(RTL)时，iPad和iPhone中的导航按钮位置会有所不同

Position of navigation button in iPad and iPhone is different when device language is set to Arabic (RTL)

任何人都可以指导为什么发生这种情况以及如何解决此问题吗? 预先感谢您提供的任何帮助.

Could anyone please guide why this is happening and how to fix this? Thanks in advance for any help provided.

以下是设备的屏幕截图和详细信息:

Below are the screenshot and details of the device:

1. RTL_iPad_Retina_iOS8.4 (设备的按钮位置不正确) Device: iPad Retina OS: iOS 8.4

1. RTL_iPad_Retina_iOS8.4 (device having incorrect position of buttons) Device: iPad Retina OS: iOS 8.4

2. RTL_iPhone_6sPlus_iOS10.2 Device: iPhone 6s plus OS: iOS 10.2

2. RTL_iPhone_6sPlus_iOS10.2 Device: iPhone 6s plus OS: iOS 10.2

推荐答案

如果使用的是离子按钮，则可以使用CSS进行修改 只需更改按钮顺序

You Can Modify With CSS If You Are Using ion-buttons left Just Change Your Button Order

.bar-buttons[left] {
            @include ltr(){
                -webkit-order: 2;
                -ms-flex-order: 2;
                order: 2;
            }
            @include rtl(){
                -webkit-order: 5;
                -ms-flex-order: 5;
                order: 5;
            }
        }

这篇关于在iPad中以RTL语言显示的导航按钮位置不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！