僅當視口是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>