The width of mobile website adaptive

Method One:

Add the following code to the

<name   content initial-scale  Minimum-scalemaximum-scaleuser-scalable/> 

Width=device-width:# indicates width is the width of the device screen initial-scale=1.0  :# indicates the initial zoom ratio minimum-scale=0.5  :# indicates the minimum scale maximum-scale=2.0  :# indicates the maximum zoom ratio User-scalable=yes  :# Indicates whether the user can adjust the zoom ratio

Method Two:

The top of the page resembles the following code:

<! DOCTYPE .....  > 

To be replaced by:

<! DOCTYPE HTML Public "-//wapforum//dtd XHTML Mobile 1.0//en" "Http://www.wapforum.org/DTD/xhtml-mobile10.dtd" >

Note: This method in the iphone horizontal screen width will be more than the screen width of the scroll bar, the solution is to add method one code.

The width of mobile website adaptive