<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
手機頁面中在<head></head>中加入這句話,可以讓頁面適應設備的寬度。
width=device-width--寬度為設備寬度,如果你的頁面寬度小於設備寬度,就需要修改一下這個屬性,不然的話會出現可以頁面左右滑動,如ipad ios7中客戶端頁面。
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放