Web手機自適應網頁設計

標籤：顯示   span   class   自適應網頁設計   view   添加   ice   scala   ble   

這個主要就是需要改掉HTML的頁面聲明：

在HTML中添加一下代碼即可正常顯示：

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>

解釋：

width: viewport的寬度，

height: viewport的高度，

initial-scale: 初始的縮放比例，

minimum-scale: 允許使用者縮放到的最小比例，

maximum-scale： 允許使用者縮放到的最大比例，

user-scalable: 使用者是否可以手動縮放。

最後就是不要設定太大的具體的寬度屬性，如果需要大寬度的，可以採用比例的方式來設定，這樣設計的螢幕寬度也能夠自適應螢幕的大小。

Web手機自適應網頁設計