Заблокировать ориентацию экрана для всех мобильных устройств (браузеров)

Question

Я ищу способ заблокировать ориентацию экрана для ландшафта для всех браузеров мобильных устройств при доступе к веб-сайту. Я не смог получить четкий результат при поиске, потому что он всегда дает результаты для создания и блокировки приложений, но не для веб-сайтов.

Видимо, это «своего рода» (он вращается весь сайт, но он сохраняет ширину портретного режима) работает на Android, но не на все в IOS..even в андроиде не является совершенным:

/* if portrait mode is detected, rotate the entire site -90 degrees to hint rotating to landscape */ 
@media (orientation: portrait) { 
    body { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
    } 
} 

Answer 1

Вы можете форсировать ширину, используя:

@media (orientation: portrait) { 
    body { 
    width:100vh; 

    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
    } 
}