Question

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

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

＆＃13;

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

＆＃13;

    <!-- 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 -->

＆＃13;

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

Zurb 6 - 桌面被检测为中等而不是大

1 个答案: