I have been doing some work for a company who have a user base who primarily use iPads to access the SharePoint site. There was a requirement to allow those users to easily access the team site without getting their screens filled with the quick launch and the bloated title.
The problem with this approach was the short delay from the page loading to the screen resizing to remove the side bar etc which was undesirable.
I was asked to find a better way to remove the menus that was more instantaneous so I turned to css media queries.
To achieve this, I looked at what the SharePoint
SetFullScreenMode function actually did. I found that in addition to setting the cookie, it also applies the
ms-fullscreenmode css class to the body element, which led me to the following CSS in the master page;