javascript - ZURB Foundation 6-媒体查询中的更改

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                
                    4年前关闭。
            
        

    

如果您阅读ZURB Foundaiton 6 Media Queries的文档，就会发现与ZURB Foundation 5相比有一些变化。关于新功能，我几乎没有疑问，因为我不理解导致变化的原因。

1）breakpoint mixin，向下而不是向上


这会导致从版本5迁移到版本6的过程很困难。为什么没有选择继续使用向上方向？
从上到下改变方向的原因是什么？仍然看到非常常见的样式，仅适用于小型设备，中型和大型设备使用相同的样式（例如菜单）。再说一次，我不明白为什么在关键词上下之间没有选择的余地。
就移动优先设计方法而言，哪个方向更好？这些变化是否以某种方式与此相关？


2）MediaQuery.atLeast功能，方向不一致


此功能可告诉您屏幕尺寸是否大于或等于此尺寸。与breakpoint mixin（带有down关键字）相比，这是完全相反的行为。为什么行为不同或为什么我们没有选择的余地？

最佳答案

您误解了breakpoint混合。仅当您在mixin的参数中显式添加down关键字时，它才会下降。如果仅将断点的名称作为参数，则它从该断点开始，不需要额外的关键字。如果添加关键字only，则它只会影响该断点。

这直接取自Foundation 6 Docs：

.element {
  // Only affects medium screens and larger
  @include breakpoint(medium) { }
  // Only affects medium screens and smaller
  @include breakpoint(medium down) { }
  // Only affects medium screens, not small or large
  @include breakpoint(medium only) { }
}

关于javascript - ZURB Foundation 6-媒体查询中的更改，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34017135/