How to execute a script on screen rotation?

Question

css

How to hide div block when changing screen orientation?
Let's say a person visits the site from a phone, opens the menu, rotates the screen.
You need to hide the menu when you rotate.
Tried

jQuery(window).resize(function () {
jQuery("#mainmenu").hide(0);
});

But then I was in pain.
The menu is large and when scrolling on phones it disappears.

Answer 1

nikitakiselev.ru/post/42

Answer 2

The media css property will help you more specifically the aspect-ratio parameter

Answer 3

$(window).on('resize',function(){$('#mainmenu').hide()});