In a mobile application, when you determine that the device is perpendicular to the horizontal direction, the page must be adjusted as required.
On Apple machines, such as iPad, iPhone, and itouch, there is a property to judge:
Window. onorientationchange = detectorientation;
Function detectorientation (){
If (typeof window. onorientationchange! = 'Undefined '){
If (orientation = 0 ){
// Do something in portrait Mode
}
Else if (orientation = 90 ){
// Do something in Landscape mode
}
Else if (orientation =-90 ){
// Do something in Landscape mode
}
Else if (orientation = 180 ){
// Do something in Landscape mode
}
}
}
On other types of mobile devices, you may have to worry about it. You can use jquery to determine its length and width. For example:
$ (Document). Ready (function (){
If (window. Orientation! = Undefined)
Window. onorientationchange = updateview;
Else
$ (Window). Resize (updateview );
}
Function updateview (){
// Edit the font, style, and color changes here
}