Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/65.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 对于1280px以上的屏幕尺寸,如何在页面的主体标记上强制设置边距(从右到左到50px)_Css_Html_Responsive Design - Fatal编程技术网

Css 对于1280px以上的屏幕尺寸,如何在页面的主体标记上强制设置边距(从右到左到50px)

Css 对于1280px以上的屏幕尺寸,如何在页面的主体标记上强制设置边距(从右到左到50px),css,html,responsive-design,Css,Html,Responsive Design,请我已经写了一些css来针对body标签,并在屏幕达到1280px及以上时设置其边距(右和左为50px) 下面是我到目前为止所做工作的代码片段 如果您只需要左右各50像素的边距,下面的代码可以帮助您: @media (min-width: 1280px) { body { margin-right: 50px; margin-left: 50px; } } 但是,我建议您使用宽度之类的百分比:95%更好,您看到的结果是什么?你没有利

请我已经写了一些css来针对body标签,并在屏幕达到1280px及以上时设置其边距(右和左为50px)

下面是我到目前为止所做工作的代码片段




如果您只需要左右各50像素的边距,下面的代码可以帮助您:

  @media (min-width: 1280px)
  {
    body
    {
      margin-right: 50px;
      margin-left: 50px;
    }
  }

但是,我建议您使用宽度之类的百分比:95%更好

,您看到的结果是什么?你没有利润/利润更大吗?另外,您是否需要body元素上的所有这些类?甚至在chrome上的开发者工具中都看不到自定义代码定义。对利润率没有影响。不,我没有。我只是觉得这会有帮助,但事实并非如此。如果你不需要额外的类,不要使用它们,那么很容易找错目标,样式也不会应用到你真正想要的东西上。如果你没有在开发者工具中看到这个规则,那么很有可能就是这样。css是正确的,我只是尝试了一下,效果很好。您确定选择器正确吗?向我们展示html。尝试只使用
body{…}
,只有一个body元素,选择它时不需要使用其他类。我只是用home类将body标记作为目标。仍然没有效果,这与问题中的代码有什么不同?他首先想应用边距的不是body标签,他似乎编辑了他的问题
  @media (min-width: 1280px)
  {
    body
    {
      margin-right: 50px;
      margin-left: 50px;
    }
  }