Zurb 6-台式机被检测为中型而不是大型

Question

我正在使用Zurb 6，并试图使用可见性类隐藏小屏幕和中屏幕上的一些元素，但是我的桌面被检测为中屏幕。为什么会这样呢？

我的全屏宽度是1920px，我没有更改断点(复制到下面，这里有一些示例代码隐藏在我的桌面上。

​

$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);

    <!-- Signature -->
	<div class="signature-container">
		<div class="row signature">
			<div class="large-7 columns">
				<p>Thisi s some example text</p>
			</div>
			<div class="large-1 columns arrow hide-for-small hide-for-medium">&nbsp;</div>
			<div class="large-4 columns digital-signature text-center">
				<img alt="Signature" src="img/signature.png" width="220">
			</div>
		</div>
	</div>
<!-- /Signature -->

​

Answer 1

Foundation 6可见性设置的工作方式基于定义的大小或更高。所以你的hide-for-medium实际上是中等和更大的。您需要将其定义为hide-for-medium-only，以便在大于中的情况下不会隐藏。

实际上，我会做hide-for-small和show-for-large，这应该可以解决你的问题。

请参阅F6文档：http://foundation.zurb.com/sites/docs/visibility.html#hide-by-screen-size