仅当viewport是X时才使用css文件？

Question

我有一个css文件，我希望他只有在视口为1024或更高时才能使用它。

如何声明我的css文件只能加载并基于我将决定的视口？

Answer 1

您可以使用媒体属性。

<link rel="stylesheet" media="screen and (min-device-width: 1024px)" href="style.css" />

Answer 2

另一种解决方案：

 <style>


             @media only screen and (min-device-width: 1024px) 
            {

              Whatever you want for css...

            }


            </style>