我認為使用媒體查詢而不針對特定設備是安全可靠的做法。特別要指出的是，不應該贊成專門針對 iPad 或黑莓手機設計媒體查詢。媒體查詢應該關注屏幕尺寸，直到當前設計遇到阻斷而將所有工作過繼給下一個媒體查詢。

與之相同的觀點是，斷點不應該用設備來命名，而應使用更通用的方式。特別是，現在有一些手機比平板更大，而有一些平板比電腦更大……

// Yep
$breakpoints: (
  'medium': (min-width: 800px),
  'large': (min-width: 1000px),
  'huge': (min-width: 1200px),
);

// Nope
$breakpoints: (
  'tablet': (min-width: 800px),
  'computer': (min-width: 1000px),
  'tv': (min-width: 1200px),
);

就此來說，任何不與特定設備關聯而表達清晰的命名約定，都會因其廣泛的通用性獲得認可。

$breakpoints: (
  'seed': (min-width: 800px),
  'sprout': (min-width: 1000px),
  'plant': (min-width: 1200px),
);

上面的示例使用了嵌套的 map，但這并不是強制或絕對的，你完全可以使用字符串來代替（比如?'(min-width: 800px)'）。

擴展閱讀

• Naming Media Queries