css中是否有类似IF的东西？我想要做的是我想设置图像宽度，如果它大于 700 像素，我需要将其设置为 700，但如果它更小，我需要不理会它，并且只在它周围设置 5 像素的边距。
这对 css 是否可行，或者我需要你使用 javaScript？
问问题
102 次
7 回答
1
@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*/
}
于 2013-10-28T10:12:07.423 回答
1
你可以使用max-width属性。
img {
max-width: 700px;
}
说到这里，margin我还没有头绪。我会试着弄清楚。
于 2013-10-28T09:11:42.947 回答
1
设置max-width: 700px;您必须在 javascript 中执行的边距。
您可以在 window.resize 事件上设置边距，如下所示：
$( window ).resize(function() {
if("your-element-width">=700){
//remove your margin here
}else{
//add margin here
}
});
于 2013-10-28T09:11:52.430 回答
0
您不需要使用 JavaScipt，您可以使用该max-width属性来完成。
CSS：
img {
max-width: 700px;
}
如果需要，您还可以使用媒体查询来修改不同屏幕宽度的元素。
CSS：
@media only screen and (max-width : 700px) {
/* Styles */
}
于 2013-10-28T09:18:04.057 回答
0
img {
max-width: 700px;
}
类似的东西？
更多信息在这里
于 2013-10-28T09:11:45.977 回答
0
css中没有IF。您可以使用 javascript 来实现它或使用 max-width:700px。
于 2013-10-28T09:11:59.740 回答
0
使用带有分辨率的@媒体
@media screen and (max-width: 700px) {}
于 2013-10-28T09:18:37.433 回答