Three ways to detect iPhone/iPad device orientation_javascript skills

Use meta tag "viewport"

The viewport tag contains the following attributes:



In order to automatically detect and adapt to the screen width, device-with should be used instead Instead of setting a fixed value, in order to prevent the user from scaling the interface beyond the screen, you need to set maximum-scale,

Copy code Code As follows:

Use javascript script

The following script detects the orientation and adjusts the orientation by detecting the screen width:

Copy the code The code is as follows:

Above The script can be placed in the head section

Use CSS

Use CSS media query:

Copy code The code is as follows: