2013-02-09 64 views
0

希望我的問題不會太模糊。我可以爲移動網站調用不同的html嗎?基於寬度?

我設計了一個非常簡單的網站。你可以看到它的圖像>>>here

但現在我正在嘗試製作一個移動版本。 然而,我正在考慮使用不同的HTML爲手機版本,因爲桌面版本有jQuery彈出窗口(prettyPhoto)和一個非常大的背景縮放,這在移動屏幕上並不是很棒。

我不確定如何做到這一點。因此,我的第一個問題是:

1.)如何爲手機調用不同的html?

另外,對於平板電腦,網站在橫向模式下呈現得非常好,但在縱向模式下變得很奇怪。所以我的第二個問題是:

2.)可以根據寬度調用這個不同的html?如果是這樣,任何想法如何? 因此,如果平板電腦在縱向模式下查看網站,他們將獲得移動版本,如果他們在橫向模式下看到它,則會獲得桌面版本。

回答

0

我不確定你想要做什麼,但作爲開發人員和移動用戶的經驗,你提出的建議不是一個好主意。再次,因爲你沒有提到你正在嘗試做什麼,所以我一般都在說。一致性對用戶體驗非常重要,提供完全不同的行爲並尋找方向聽起來不太可用。另外,請記住,在今天的平板電腦上,切換方向非常簡單。你會加載每個方向更改的每個版本?如果用戶使用3G,該怎麼辦?

但從技術上講,可以根據寬度或方向加載。使用AJAX,並加載適當的內容。

+0

我還沒有嘗試過任何東西,因爲我想知道最佳解決方案。我的背景寬度爲2800像素,對於屏幕寬度調整大小,但如果從手機中查看下載,則無意義。另外,正如我所說,我的彈出窗口在手機屏幕上效果不佳。但我想保留他們的桌面屏幕。 所以我想我可以有一個完全不同的網站(相同的字體和一般的設計氛圍,但不同的佈局)的手機,或者有另一個更優雅的解決方案? – user2049635 2013-02-09 02:53:04

+1

您應該使用CSS媒體查詢來加載移動版本的圖片: http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-移動版本的 - 你 - 網站/ – 2013-02-09 03:55:15

相關問題