文字斷行設定

一般來說，在一個區塊下的一段內容如果是中文的可能沒有甚麼問題，如果是長字串的英文，可能就會造成走針超版的問題!

解決Google Chrome 12px 變很小的問題

Google Chrome對字體最小會限制在12，所以當字體設定小於12時，就有可能造成排版跑位的問題，這個可以利用CSS去解決，只要在那段內容的CSS中加入以下CSS即可

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">