Html 为什么小6不在这个基础6.4代码中工作? 我正在使用Zurb基金会6.4框架进行布局,我有3张卡,每列有3个图像,每个都是3x180px。我想当它将在小屏幕上查看,然后将有两个卡在每一行

Html 为什么小6不在这个基础6.4代码中工作? 我正在使用Zurb基金会6.4框架进行布局,我有3张卡,每列有3个图像,每个都是3x180px。我想当它将在小屏幕上查看,然后将有两个卡在每一行,html,css,flexbox,zurb-foundation,Html,Css,Flexbox,Zurb Foundation,对于大型view-3列,它可以正常工作。但在小视图中,它应该有两列或两张卡片,但它显示的是一张卡片或一列 代码笔: 我不知道发生了什么事。有人能告诉我如何解决这个问题吗 在单元格类元素中使用小6大4类,如下所示 它是在小屏幕上工作,但在大屏幕图像正在拉伸。它是默认卡风格的基础。如果您想在大屏幕上显示图像的实际大小,请使用.card img{margin:auto;}它正在图像的两侧创建边距。我不想在图片周围留空白。我想你会得到答案的。对于图像问题,您可以单独询问。我希望你能得到答案。

对于大型view-3列,它可以正常工作。但在小视图中,它应该有两列或两张卡片,但它显示的是一张卡片或一列

代码笔:

我不知道发生了什么事。有人能告诉我如何解决这个问题吗

在单元格类元素中使用小6大4类,如下所示


它是在小屏幕上工作,但在大屏幕图像正在拉伸。它是默认卡风格的基础。如果您想在大屏幕上显示图像的实际大小,请使用.card img{margin:auto;}它正在图像的两侧创建边距。我不想在图片周围留空白。我想你会得到答案的。对于图像问题,您可以单独询问。我希望你能得到答案。