2012-06-01 34 views
2

前提

在基於其瀏覽的設備提供內容的網站上工作。 本質上有2個版本的網站:PHP:提供特定於「媒體查詢報告的屏幕寬度」的內容

  1. PC &平板版本
  2. 手機版

的「PC &平板版」提供了更高質量的圖像和不同的網站導航方法(想象谷歌地圖沒有縮放)。

移動版本將此「地圖」限制爲垂直滾動。

兩個版本都有meta viewport設置爲width=device-width, initial-scale=1.0, user-scalable=no

問題

某些平板電腦有一個真正的窮人報道設備分辨率。 例:三星Galaxy Tab 7" 在媒體查詢報告的設備寬度663px雖然。‘PC &平板版本’要求的960像素的最小寬度

這真的只是一個大的手機

。媒體查詢本身並不足以適應該網站,該網站需要固定寬度,因爲它的地圖像大自然

解決方案是將「電話版本」提供給這些平板電腦,但這需要完成在服務器側

自動櫃員機我正在使用PHP Mobile Detect 。可以手動將「大手機平板電腦」添加到「手機」列表中。痛苦,我沒有發現任何地方的平板電腦的「CSS報告」屏幕分辨率列表。

是否有某處這樣的列表? 或者是否還有一個維護的php庫讓我查詢服務器端的屏幕大小(基於報告的UserAgent)?

我也可以檢查客戶端的屏幕大小,並在必要時糾正並覆蓋服務器的選擇。但我想避免這種情況。

PS:是的。我知道這不是響應式設計的政治正確方式,我別無選擇。

回答