撰寫手機版網頁

因為網頁如果你沒有特別設定的話,它會用電腦的解析方法來讀取網頁(把手機當電腦用,不管你手機解析度是多少,就是把手機寬度當成 980 pixel 寬)。所以就是要跟手機的瀏覽器說明,請用手機的瀏覽方式來看。

有兩個方法:

  1. 加在  <html> 上方:
  2. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
  3. 加在 <head> </head> 之間:
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

來源:梅問題

發表迴響