iphone/ipad 網頁製作設定

要設定iPad專用附加css，在原本的CSS之後加上 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />

要設定iPhone專用附加css，在原本的CSS之後加上 <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />

讓版面與裝置同寬 <meta name="viewport" content="width=device-width" />

萬一如果版面超出裝置的寬度，而造成版面不正常的話，可限制版面的寬度 <meta name="viewport" content="width=1200″ />

一開始進入的縮放程度 <meta name = “viewport" content = “initial-scale = 1.0″> 1.0就是原始尺寸，也就是放圖片也會完全點對點的狀況！字

體也與css設定的px尺寸完全相同 維持點對點，不允許使用者縮放畫面 <meta name = “viewport" content = “initial-scale = 1.0, user-scalable = no">