手機版網頁宣告語法
這兩天因工作需要開始製作手機版網頁,先前其實就一直想要做個版來試試
但一方面無機會,一方面也實在沒有很急迫的逼自己去嘗試
剛好這次機會讓自己多了個經驗。
一開始先草草製作了個版型,發現長寬都不太對,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 意見: