2010-02-26 77 views
4

我正在爲一家公司建立一個小型網站,並且希望爲具有完整網絡瀏覽器(iPhone/Android等)的智能手機構建一個優化版本。創建簡單的移動版網站的最佳方式是什麼?

我傾向於媒體查詢,因爲這是由大多數似乎使用的webkit支持。

這是最好的?如果是這樣,什麼媒體查詢將是最好的?

我傾向於:

@media (max-device-width: 480px) 

回答

2

如果你的網站可以調整您通過CSS需要你應該是好了一切。

請記住,在移動網絡不同的東西:

  • 總體寬度/高度小得多
  • 字體大小通常由更大的可讀性不支持跨
  • 閃光許多設備(咳嗽iphone)
  • 去除任何不需要的東西不要浪費帶寬的東西移動用戶不關心
  • 添加手機友好的屬性,以便於手機#的s容易diali ng

也就是說,一旦你進入它,你可能會發現你真的想/需要爲移動用戶提供不同的「視圖」。將它們從example.com重定向到m.example.com,並大幅改變頁面上的內容。如果您使用的是類似MVC的框架,則應該可以爲您的頁面製作一組針對移動設備優化的簡化視圖。

示例網站(桌面與移動與觸摸優化)

0

對於iPhone和Android,我不會打擾,因爲他們都有完全正常運行的網頁瀏覽器。 (除非該網站是Flash,iPhone只。)

你應該能夠針對你想用一個自定義的CSS文件中的任何設備,對於喜歡黑莓等

0

對於觸控手機的東西,創造jQTouch版本。 對於鍵盤手機,只需製作針對小屏幕優化的樣式表。

相關問題