手機網頁自適應問題

標籤：sp   on   問題   代碼   ad   bs   as   使用者   class   

　　手機自適應寬度

　　向head標籤裡加上一下代碼即可（不足之處，寬度適應裡，高度卻未必適應）

　　<meta name="viewport" content="width=device-width, initial-scale=1" />
　　viewport是網頁預設的寬度和高度

　　上面這行代碼的意思是：

　　網頁寬度預設等於螢幕寬度（width=device-width），

　　原始縮放比例（initial-scale=1）為1.0，

　　即網頁初始大小占螢幕面積的100%。 

 

　　　　width=device-width ：表示寬度是裝置螢幕的寬度

　　　　height=device-height：表示高度是裝置螢幕的高度

　　　　initial-scale=1.0：表示初始的縮放比例 

　　　　minimum-scale=0.5：表示最小的縮放比例

　　　　maximum-scale=2.0：表示最大的縮放比例

　　　　user-scalable=yes：表示使用者是否可以調整縮放比例

 

手機網頁自適應問題