我認為使用媒體查詢而不針對特定設備是安全可靠的做法。特別要指出的是，不應該贊成專門針對 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](http://css-tricks.com/naming-media-queries/)