What parameters can help me to place content horizontally

Hi Guys,

Some users lock the screen, but we still want to show them the content horizontally, Who can give me some advice.

Image Link: https://i.loli.net/2021/01/19/e9pNJSiAFWBTQZh.png

Hello and welcome,

you can simply rotate the canvas using CSS?

1 Like

You may use orientation CSS media rule.
Something like

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: portrait) {

#myCanvas {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
}
1 Like

@labris @Deltakosh Thank you all, At present, I use iframe to complete my idea, but I can’t confirm whether there are no bugs, Wish me luck.

1 Like