如何在媒体查询后保留默认样式

Question

我建立了一个网站 siavoush-re.co.uk 并使用媒体查询将其调整为小屏幕。 我首先制作了一个默认样式，以便网站适合我的 1280 像素屏幕，然后使用从 240 像素到我的常规尺寸的最小宽度媒体查询。所以它看起来像这样

default css 

@media (min-width: 240px) { //style }

@media (min-width: 320px) { //style }

......

@media (min-width: 1280px) { //style }

我想知道的是，是否有办法撤消之前断点中所做的所有更改，并在宽度达到 1280px 后将其恢复为默认样式？

Answer 1

听起来你想要 max-width-- 'change to this css up until this size'.

您还可以根据需要组合这些查询，例如：

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
}