我正在爲一家公司建立一個小型網站,並且希望爲具有完整網絡瀏覽器(iPhone/Android等)的智能手機構建一個優化版本。創建簡單的移動版網站的最佳方式是什麼?
我傾向於媒體查詢,因爲這是由大多數似乎使用的webkit支持。
這是最好的?如果是這樣,什麼媒體查詢將是最好的?
我傾向於:
@media (max-device-width: 480px)
我正在爲一家公司建立一個小型網站,並且希望爲具有完整網絡瀏覽器(iPhone/Android等)的智能手機構建一個優化版本。創建簡單的移動版網站的最佳方式是什麼?
我傾向於媒體查詢,因爲這是由大多數似乎使用的webkit支持。
這是最好的?如果是這樣,什麼媒體查詢將是最好的?
我傾向於:
@media (max-device-width: 480px)
如果你的網站可以調整您通過CSS需要你應該是好了一切。
請記住,在移動網絡不同的東西:
也就是說,一旦你進入它,你可能會發現你真的想/需要爲移動用戶提供不同的「視圖」。將它們從example.com
重定向到m.example.com
,並大幅改變頁面上的內容。如果您使用的是類似MVC
的框架,則應該可以爲您的頁面製作一組針對移動設備優化的簡化視圖。
示例網站(桌面與移動與觸摸優化)
對於iPhone和Android,我不會打擾,因爲他們都有完全正常運行的網頁瀏覽器。 (除非該網站是Flash,iPhone只。)
你應該能夠針對你想用一個自定義的CSS文件中的任何設備,對於喜歡黑莓等
對於觸控手機的東西,創造jQTouch版本。 對於鍵盤手機,只需製作針對小屏幕優化的樣式表。