Question

我有一块CSS，我希望只能在非移动设备上执行：

<div id="hornav" class="pull-middle visible-lg" style=" padding-left: 300px">

我找到了一块CSS，据说可以让我定位特定的屏幕分辨率，这意味着我只能在非移动设备上使用某些CSS

@media only screen and (min-width: 760px){}

如何在不单独编写CSS文件的情况下将其添加到我的HTML文件中，以便适用于上述style="padding-left: 300px"？

Answer 1

在<head></head>

中

 <style> @media only screen and (min-width: 760px){} </style>

Answer 2

像这样添加到你的头元素

<head>
  <style>
    @media only screen and (min-width: 760px){
      #hornav {
        padding-left: 300px;
      }
    }
  </style>
</head>

让你的元素看起来像这样

<div id="hornav" class="pull-middle visible-lg"> ... </div>

Answer 3

您只需在媒体查询的中添加填充：

@media only screen and (min-width: 760px){ #hornav{padding-left:300px} }