0

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

我的全屏宽度是 1920 像素,我没有更改断点(复制在下面,这里有示例代码隐藏在我的桌面上。

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

4

1 回答 1

0

Foundation 6 可见性设置的工作方式基于定义的大小及以上。因此,您hide-for-medium实际上是针对中型和大型的。您需要将其定义为hide-for-medium-only不隐藏大于中等。

我实际上会这样做hide-for-smallshow-for-large这应该可以解决您的问题。

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

于 2016-01-29T14:14:25.470 回答