AngularJS - md-cols-xl与md-cols-gt-md -应> >=相同。

Question

实际行为

• What is the issue? *如果屏幕宽度大于或等于等于192 gt(192 gt及以上)-与gt相同？为什么？)
• 如果屏幕宽度为What is the expected behavior?，则大于1920 If (1921 If及以上)

CodePen

• CodePen Demo which shows your issue: http://codepen.io/initPRAGMA/pen/dNyKLM
• 如您所见，我将cols设置为显示1920年xl大小屏幕(Md)的6，对于任何大于1920 xl屏幕的屏幕(md应该是> 1920px而不是>= 1920px)显示12。因为它的>= 1920 it也显示了12用于<192 it屏幕，但我需要它显示12用于任何高于1920 it的屏幕。

角版：*

• Angular Version: 1.5.8
• Angular Material Version: 1.1.1

附加信息

• Browser Type: * Chrome
• Browser Version: * 55.0.2883.87
• OS: * Windows 10
• Stack Traces: n/a

有什么办法强迫-修复这个吗？我基本上试着获得2560x1080屏幕，每行12屏幕，1920x1080屏幕每行6屏幕。

显而易见的想法是做我自己的MediaQuery CSS，但我不知道它是如何工作的md-cols-*属性。我在任何地方都找不到当前的，所以我假设它实际上是用JS而不是CSS解析的。否则，我早就这么做来解决这个问题了。

Answer 1

在全局级别上，您可以通过设置以下内容来超调该断点：

$mdConstant.MEDIA.xl = '(min-width: 1921px)';。

只需将$mdConstant注入angular.config并将其设置即可。它由角质材料提供.

请参阅https://github.com/angular/material/blob/v1.1.1/src/core/util/constant.js