手機版網頁宣告語法
這兩天因工作需要開始製作手機版網頁，先前其實就一直想要做個版來試試
但一方面無機會，一方面也實在沒有很急迫的逼自己去嘗試
剛好這次機會讓自己多了個經驗。
一開始先草草製作了個版型，發現長寬都不太對，Form也怪怪的
果然手機版的網頁還是需要做些初步設定！
google 了一下果然查到很多經驗和答案～
手機版網頁在頁頭必須有以下宣告方式～
第一種：
在頁頭最開始的地方宣告下面語法
但一方面無機會，一方面也實在沒有很急迫的逼自己去嘗試
剛好這次機會讓自己多了個經驗。
一開始先草草製作了個版型，發現長寬都不太對，Form也怪怪的
果然手機版的網頁還是需要做些初步設定！
google 了一下果然查到很多經驗和答案～
手機版網頁在頁頭必須有以下宣告方式～
第一種：
在頁頭最開始的地方宣告下面語法
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
第二種：
在 <head></head>之間宣告
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
width = device-width指的是讓裝置自行定義螢幕寬度，當然也可以輸入數值來定義，如 width:320 但目前的手機大小尺寸尚未統一，寬度從240~480都有，且有些使用者會習慣轉成橫式來使用，所以定義螢幕寬度還是由裝置自行判斷比較好。
height = device-height
高度可以省掉不用設定
user-scalable=yes
畫面是否要讓使用者放大縮小，預設值是yes，如果不希望畫面被放大縮小，改成no即可，但要考量到 User不能改大小時會不會覺得不方便
minimum-scale=1
縮小的最小限度，預設是1，最小值是0.25
maximum-scale=5
放大的最大限度，預設是5，最大值是10
高度可以省掉不用設定
user-scalable=yes
畫面是否要讓使用者放大縮小，預設值是yes，如果不希望畫面被放大縮小，改成no即可，但要考量到 User不能改大小時會不會覺得不方便
minimum-scale=1
縮小的最小限度，預設是1，最小值是0.25
maximum-scale=5
放大的最大限度，預設是5，最大值是10
以上，今日研究成果！
發表文章
0 意見: