CODEWITHSUNDEEP
javascripthtmlcssdevice-orientation
bircastri
bircastri

Reputation: 2165

How to force rotate of the screen in web site

I have build a web site. If a device (smartphone or tablet) visit it, the system redirect the device in another page (version for mobile) m_index.aspx.

Now I want to force all device (smartphone or tablet) to sho my web site in landscape mode. It is possibile to rotate the screen automatically before it open some page?

regards

Upvotes: 1

Views: 1756

Answers (1)

LellisMoon
LellisMoon

Reputation: 5020

body { display:block; }
@media only screen and (orientation:portrait){
  body {  
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (body {  
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }
}

I used this time ago, if you don't like my method google searching return lots of answers

Upvotes: 1

Related Questions