手写笔迭代字符串

Question

我想将所有媒体查询放入一个对象中，然后遍历它们。它运作良好，但手写笔强制我的输出在括号内。 我的问题是有办法删除括号和引号？

我的代码：

$maxBreakpoints = { 
    "0": 'and (min-width: 1701px) and (max-width: 1920px)', 
    "1": 'and (min-width: 1440px) and (max-width: 1700px)', 
    "2": 'and (min-width: 1280px) and (max-width: 1439px)', 
    "3": 'and (min-width: 1024px) and (max-width: 1023px)' 
} 

$_resolution = { 
    "0": 1920, 
    "1": 1440, 
    "2": 1280, 
    "3": 1024 
} 

for $i, $resolution in $maxBreakpoints 

    @media all $resolution 

而且这段代码的输出是：

@media all ('and (min-width: 1440px) and (max-width: 1700px)') 

Answer 1

你需要移动all到字符串：

$maxBreakpoints = { 
    "0": 'all and (min-width: 1701px) and (max-width: 1920px)', 
    "1": 'all and (min-width: 1440px) and (max-width: 1700px)', 
    "2": 'all and (min-width: 1280px) and (max-width: 1439px)', 
    "3": 'all and (min-width: 1024px) and (max-width: 1023px)' 
} 

$_resolution = { 
    "0": 1920, 
    "1": 1440, 
    "2": 1280, 
    "3": 1024 
} 

for $i, $resolution in $maxBreakpoints 

    @media $resolution