Writing-mode：当在面孔簿应用中打开网站时，vertical-rl不起作用

Question

我的网站上有以下按钮。这是垂直按钮，可以在浏览器中使用。但是，当在Facebook应用示例中打开网站时，如果我在Facebook中共享我的网页链接，并且人们单击该页面，并且该页面已在Facebook应用中打开，则此按钮未垂直对齐。我该如何解决：-

<div class="my-class">MJI Offer</div>

.my-class{
    background-color: black;
    color: yellow;
    position: fixed;
    top: 20%;
    padding: 7px;
    writing-mode: vertical-rl;

}

请帮助。如果vertical-rtl无法正常工作，则有什么替代解决方案。我不能使用transform：rotate（90deg）]，因为当我执行此操作时，按钮与网站侧面之间存在间隙。

我的网站上有以下按钮。这是垂直按钮，可以在浏览器中使用。但是当在Facebook应用示例中打开网站时，如果我在Facebook中共享我的网页链接，并且...

Answer 1

我建议您尝试一下！如果您发现差距，则必须尝试更改CSS。