使用基金會的大屏幕尺寸目標移動設備

Question

我正在使用基金會的可見性類（http://foundation.zurb.com/docs/components/visibility.html），以便在移動設備上以不同的方式顯示我的網站。

但是，最近的智能手機具有瘋狂的屏幕尺寸（例如Nexus 6 2560×1440像素）。

我沒有這樣的設備，因此無法測試像hide-for-small-only這樣的類是否還在那裏工作。 Afaik small意味着少於640個像素。

那麼我怎樣才能在所有智能手機上提供相同的頁面？即使這些設備具有巨大的屏幕尺寸，我仍然希望顯示簡化的主頁。

Answer 1

基礎知名度等級基於僅檢查屏幕寬度的媒體查詢。

如果您想要定位移動設備，您可以檢測到移動設備（不是最佳實踐，但有用很多次）。這是一個很好的方法來做到這一點：http://detectmobilebrowsers.com/

一旦你檢測到移動用戶（在後端或前端），你可以添加一個類到你的身體，並單獨在你的CSS目標。

不幸的是，我不認爲這有一個簡單的解決方法。