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

Question

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

default css 

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

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

......

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

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

Answer 1

听起来你想要max-width - ＆＃39;更改为此css直到此尺寸＆＃39;。

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

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