使用最小和最大宽度在Sass中设置断点

设计师N程序员

大家好,我正在尝试采用响应式布局,但是以某种方式,我无法为此设置最小宽度。

$mobile: new-breakpoint(max-width 480px 4);
$tablet: new-breakpoint(max-width 768px 8);
$desktop: new-breakpoint(max-width 1336px 10);
$desktopxl: new-breakpoint(max-width 1550px 10);

不知何故,我希望$desktopxl将仅用于之间1337px1550px但是i am not able to set the min width请帮我。谢谢。ps:**我尝试过

 $desktopxl: new-breakpoint((max-width: 699px) and (min-width: 520px)10);

但是它没有用。

马克·安德烈·贾卡里尼

您不需要分钟和混合。您所需要做的就是在最大宽度旁边做最小。像。如果最大宽度是700px巡回演出的下一个最小宽度应该是701px;

试试这个

$mobile: new-breakpoint(max-width 480px 4);
$tablet: new-breakpoint(max-width 768px 8);
$desktop: new-breakpoint(min-width 779px 10);
$desktopxl: new-breakpoint(min-width 1337px 10);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表格列,使用CSS设置最小和最大宽度

来自分类Dev

如何在iOS自动版式中为按钮设置最小宽度和最大宽度?

来自分类Dev

如何同时使用最小和最大宽度?

来自分类Dev

使用百分比为网格列设置最小和最大宽度

来自分类Dev

使用最大宽度和最小宽度进行可伸缩设计

来自分类Dev

Bootstrap - 设置 div 的最小和最大宽度 - 不是列数

来自分类Dev

如何使用@media 在特定屏幕尺寸(最小宽度和最大宽度)之间更改 iframe 或 div 的宽度

来自分类Dev

设置默认宽度和最小宽度属性

来自分类Dev

设置画布宽度100%和最大宽度

来自分类Dev

为可调整大小的UIView设置最小和最大宽度和高度

来自分类Dev

如何在一个媒体查询中组合最小宽度和最大宽度

来自分类Dev

如何使用JavaScript在文本框中设置最小和最大字符长度

来自分类Dev

如何使用DocumentFilter设置可以在Jformattedtextfield中输入的最大值和最小值?

来自分类Dev

如何使用JavaScript在文本框中设置最小和最大字符长度

来自分类Dev

如何使用DocumentFilter设置可以在Jformattedtextfield中输入的最大值和最小值?

来自分类Dev

通过同时使用最小宽度和最大宽度来应用过渡

来自分类Dev

在顺序媒体查询中使用最大宽度和最小宽度的优势?

来自分类Dev

限制画笔盒的最小和最大宽度

来自分类Dev

在最小宽度断点中嵌套方向断点

来自分类Dev

最小宽度和最大宽度不适用于图像

来自分类Dev

缩小尺寸(设置最大宽度和高度)

来自分类Dev

在HTML表的<td>中设置最小宽度

来自分类Dev

设置网格中列的最小宽度

来自分类Dev

在调整大小时设置div的最大和最小宽度

来自分类Dev

在调整大小时设置div的最大和最小宽度

来自分类Dev

如何使用SASS更改Foundation 6中的最大行宽度

来自分类Dev

设置约束最小0和最大无穷

来自分类Dev

UIDatePicker设置最小和最大时间

来自分类Dev

设置约束最小0和最大无穷

Related 相关文章

  1. 1

    表格列,使用CSS设置最小和最大宽度

  2. 2

    如何在iOS自动版式中为按钮设置最小宽度和最大宽度?

  3. 3

    如何同时使用最小和最大宽度?

  4. 4

    使用百分比为网格列设置最小和最大宽度

  5. 5

    使用最大宽度和最小宽度进行可伸缩设计

  6. 6

    Bootstrap - 设置 div 的最小和最大宽度 - 不是列数

  7. 7

    如何使用@media 在特定屏幕尺寸(最小宽度和最大宽度)之间更改 iframe 或 div 的宽度

  8. 8

    设置默认宽度和最小宽度属性

  9. 9

    设置画布宽度100%和最大宽度

  10. 10

    为可调整大小的UIView设置最小和最大宽度和高度

  11. 11

    如何在一个媒体查询中组合最小宽度和最大宽度

  12. 12

    如何使用JavaScript在文本框中设置最小和最大字符长度

  13. 13

    如何使用DocumentFilter设置可以在Jformattedtextfield中输入的最大值和最小值?

  14. 14

    如何使用JavaScript在文本框中设置最小和最大字符长度

  15. 15

    如何使用DocumentFilter设置可以在Jformattedtextfield中输入的最大值和最小值?

  16. 16

    通过同时使用最小宽度和最大宽度来应用过渡

  17. 17

    在顺序媒体查询中使用最大宽度和最小宽度的优势?

  18. 18

    限制画笔盒的最小和最大宽度

  19. 19

    在最小宽度断点中嵌套方向断点

  20. 20

    最小宽度和最大宽度不适用于图像

  21. 21

    缩小尺寸(设置最大宽度和高度)

  22. 22

    在HTML表的<td>中设置最小宽度

  23. 23

    设置网格中列的最小宽度

  24. 24

    在调整大小时设置div的最大和最小宽度

  25. 25

    在调整大小时设置div的最大和最小宽度

  26. 26

    如何使用SASS更改Foundation 6中的最大行宽度

  27. 27

    设置约束最小0和最大无穷

  28. 28

    UIDatePicker设置最小和最大时间

  29. 29

    设置约束最小0和最大无穷

热门标签

归档