Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 基金会5:只更改小栏目_Html_Css_Sass_Zurb Foundation - Fatal编程技术网

Html 基金会5:只更改小栏目

Html 基金会5:只更改小栏目,html,css,sass,zurb-foundation,Html,Css,Sass,Zurb Foundation,您知道是否可以配置smartphone(小型)、tablet(中型)和PC(大型)等列的数量吗 例如: 小:4列 平板电脑和桌面:12列 $total columns实际适用于所有设备。 谢谢:)规则即将重写 当您指定small-12-在从小到大的每个屏幕大小上,您的元素将有12列宽度small-12 Middle-6将为您提供12张小票和6张中大票。因此,如果希望元素在所有设备上看起来都一样,只需指定small-类即可 但是,如果希望有不同数量的列,请执行以下操作: 使用基础SASS,打开设置

您知道是否可以配置smartphone(小型)、tablet(中型)和PC(大型)等列的数量吗

例如:

小:4列

平板电脑和桌面:12列

$total columns实际适用于所有设备。


谢谢:)

规则即将重写

当您指定
small-12
-在从小到大的每个屏幕大小上,您的元素将有12列宽度
small-12 Middle-6
将为您提供12张小票和6张中大票。因此,如果希望元素在所有设备上看起来都一样,只需指定
small-
类即可

但是,如果希望有不同数量的列,请执行以下操作:

使用基础SASS,打开设置。SCSS和un注释<代码> $总列变量。


更改数字、编译css、提取
@仅媒体屏幕
查询。然后,再次更改$total列,编译、提取中等屏幕的媒体查询。对大型等重复上述步骤。

您是否尝试过研究?因为我非常确定这一点得到了回答!请注意,我并不是在问如何拥有div4列,我想让$total exchange列不等于small-medium和large。您可以使用mixin创建自己的网格类名,而不是small-*。请先阅读本页: