影响其他尺寸的响应式更改

时间:2021-01-15 12:37:56

标签: html css web size responsive

我从制作桌面版本开始,然后以 1024 像素创建 ipad pro 版本。 所以我设置:

@media only screen and (max-width1024px) {
}

并开始进行更改。进行更改后,我继续在 375px

创建 iPhone 版本
@media only screen and (max-width375px) {
}

但是,当我在 375px 上创建更改时,它会影响 1024px 版本。除了原始桌面版本之外,每个尺寸都会影响其他尺寸。我根据自己的喜好修复了一个版本,但是当我开始处理另一个版本时,它会改变我以前所做的工作。我做错了什么?

1 个答案:

答案 0 :(得分:1)

试试这个。

import re
regex = r"(?<!\S)\d+(?:,\d+)?\s*(?:inch|in| in|\")* ?x ?\d+(?:,\d+)?(?: ?x ?\d+(?:,\d+)?)*\s*(?:inch| inch|in| in|\")*"
test_str = ("15 mm x 2 mm x 3")
result = re.findall(regex, test_str)  
print(result)