如何使一些網頁在移動設備上顯示不同的

我有一個網頁是相當寬而短於大約3頁，這是手機瀏覽器的寬而長，顯示效果細膩的頁面，但都是短暫的頁面僅在不到一半的屏幕上顯示。如何使一些網頁在移動設備上顯示不同的

反正我可以做一個單獨的頁面爲每個3頁並讓他們拿出只有當有人使用移動電話。

感謝

2011-12-28 Sam

你需要插入一些JavaScript，將嗅出了每個頁面上的用戶代理（網絡瀏覽器&版）。下面是說明如何做到這一點的鏈接：

一旦你這樣做，然後交換你的CSS文件，該網頁的一個合適的設備，或重定向到一個特殊的HTML頁面該設備。

2011-12-28 21:02:27

嗅探用戶代理是錯誤的路要走，已經失寵多年。不能保證瀏覽器正確識別自身，並且不保證JavaScript功能可用。您仍然必須測試功能。但如果媒體查詢可以完成這項工作，那麼所有這些都是不必要的。 – Rob 2011-12-29 02:32:02

哇，真的嗎？告訴bluenile.com我編碼的html 5移動應用程序。他們是一個相當大的在線公司。公開交易並因其嚴格的質量保證程序而臭名昭着。我的方法似乎適合他們。。。 – 2011-12-29 02:42:38

與微軟的埃裏克·法討論它：用戶代理嗅探http://goo.gl/3oS3A – Rob 2011-12-29 02:45:17

如果谷歌搜索「響應式設計」，有很多的建議如何使用相同的頁面，但要出現在不同的移動設備。

2011-12-28 21:02:55 Bryan

加入「responsive design」，您應該調查「media queries」，它可以讓您調整CSS，並幫助將元素與每個查看它的設備的顯示大小對齊。沒有必要的JavaScript。
How to use Media Queries in Mobile

2011-12-29 02:24:13 Rob

羅布的危險 - 這是你的答案是有幫助的，但不全面。爲你的努力歡呼，但你對我的回答不滿是令人討厭的。 – 2011-12-29 02:26:50

@MatthewPatrickCashatt - 對不起，你有這樣的感覺，但你的回答是可憐的。看到我的評論（我忘了添加）。 – Rob 2011-12-29 02:33:11

@MatthewPatrickCashatt - 你可能有閱讀我的文章之前，我加了一些鏈接。這是一個相當全面的主題，需要更多的時間來闡明。 – Rob 2011-12-29 02:35:46

像其他人一樣聲明。媒體查詢響應式網頁設計是最好的。看看這些網站。

2011-12-29 19:51:43

回答