Question

css中有类似IF的东西吗？我想要做的是我想设置图像宽度，如果它超过700px我需要将它设置为700，但如果它更少，我需要不管它，并在它周围设置仅5px边距。

这对css是可行的，还是我需要使用javaScript？

Answer 1

您可以使用max-width属性。

img {
    max-width: 700px;
}

说到margin我还没有线索。我会试着弄明白。

Answer 2

在javascript中设置max-width: 700px;你必须做的余量。

您可以在window.resize事件上设置这样的边距：

$( window ).resize(function() {
  if("your-element-width">=700){
     //remove your margin here
     }else{
     //add margin here
     }
});

Answer 3

@media only screen and (min-width : 700px) {
   /* Styles for screen below 700px you can set your  margins*/
}
@media only screen and (max-width : 700px) 
{
  /* Styles for screen above 700px you can set without margins*/

}

Answer 4

img {
   max-width: 700px;
}

是什么意思？
More info here

Answer 5

css中没有IF。您可以使用javascript来实现它或使用max-width：700px。

Answer 6

您不需要使用JavaScipt就可以使用max-width属性来执行此操作。

<强> CSS：

img {
    max-width: 700px;
}

如果需要，您还可以使用媒体查询修改不同屏幕宽度的元素。

<强> CSS：

@media only screen and (max-width : 700px) {
   /* Styles */
}

Answer 7

使用分辨率为

的@ media

@media screen and (max-width: 700px) {}

更多帮助： http://www.w3schools.com/css/css_mediatypes.asp

像在CSS中的东西

7 个答案: