希望我的問題不會太模糊。我可以爲移動網站調用不同的html嗎?基於寬度?
我設計了一個非常簡單的網站。你可以看到它的圖像>>>here
但現在我正在嘗試製作一個移動版本。 然而,我正在考慮使用不同的HTML爲手機版本,因爲桌面版本有jQuery彈出窗口(prettyPhoto)和一個非常大的背景縮放,這在移動屏幕上並不是很棒。
我不確定如何做到這一點。因此,我的第一個問題是:
1.)如何爲手機調用不同的html?
另外,對於平板電腦,網站在橫向模式下呈現得非常好,但在縱向模式下變得很奇怪。所以我的第二個問題是:
2.)可以根據寬度調用這個不同的html?如果是這樣,任何想法如何? 因此,如果平板電腦在縱向模式下查看網站,他們將獲得移動版本,如果他們在橫向模式下看到它,則會獲得桌面版本。
我還沒有嘗試過任何東西,因爲我想知道最佳解決方案。我的背景寬度爲2800像素,對於屏幕寬度調整大小,但如果從手機中查看下載,則無意義。另外,正如我所說,我的彈出窗口在手機屏幕上效果不佳。但我想保留他們的桌面屏幕。 所以我想我可以有一個完全不同的網站(相同的字體和一般的設計氛圍,但不同的佈局)的手機,或者有另一個更優雅的解決方案? – user2049635 2013-02-09 02:53:04
您應該使用CSS媒體查詢來加載移動版本的圖片: http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-移動版本的 - 你 - 網站/ – 2013-02-09 03:55:15