Jquery 如何将保证金设置为响应div？

我是新来的

css

，为此我写了这段代码：

想要在分辨率

1024

中实现这一点：

screen: 1,024px
margins-left-right: 50px
columns: 58px
gutter: 12px

在我的代码中无法设置屏幕左右的

50px

边距，我如何解决这个问题？谢谢大家。

---

有关解释div

col-1

左边距

col-3菜单和屏幕右边距的更多信息，请参见

或

将
div
添加到父容器/包装容器中，并为容器提供边距

我建议你仔细检查一下

参考代码：


$（文档）.ready（函数（）{
var screenSize=screen.width；
//警报（'type='+jQuery.type（屏幕大小））；
如果（屏幕大小==1024）{
$（.col-1”）.css（“宽度”，“58px”）；
警报（'width success！'）；
$（“.col-1”）.css（“保证金”，“12px；”）；
警惕（“保证金成功！”）；
}
});
*{
框大小：边框框；
}
.家长{
边际：0.50px；
}
.行：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
[类别*=“列-”]{
浮动：左；
填充：15px；
}
.col-1{
宽度：58px；
背景颜色：巧克力色；
利润率：12像素；
}
html{
字体系列：“Lucida Sans”，无衬线；
}
.标题{
背景色：#9933cc；
颜色：#ffffff；
填充：15px；
}
.菜单ul{
列表样式类型：无；
保证金：0；
填充：0；
}
img{
显示：块；
左边距：自动；
右边距：自动；
}
李先生{
填充：8px；
边缘底部：7px；
背景色：#33b5e5；
颜色：#ffffff；
盒影：0 1px 3px rgba（0,0,0,0.12），0 1px 2px rgba（0,0,0,0.24）；
}
.菜单李：悬停{
背景色：#0099cc；
}
身体{
背景色：暗灰色；
}

夏尼亚

航班
城市
岛
食物

B
C
D
E
F
G
H
我
J
K
L
您可以使用
媒体查询
为不同的屏幕大小设置不同的css规则。请参考以下链接





如果您希望在所有四个边上都使用自定义边距，它将顺时针工作，即上、右、下、左

 .custommargin{ margin: 0px 0px 0px 0px }

若你们想给上边、下边留相同的边距，给右边、左边留相同的边距

.custommargin{ margin: 0px 0px }

如果四个边上的边距相同

.custommargin{ margin: 0px}

不要使用
$（document）.ready（function（）{}）
使用
$（window）.resize（function（）{}）
，这样每次调整屏幕大小时，函数都会再次加载

例如：

$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.width() == 1024) { /* ... */ }
});

参考：

.custommargin{ margin: 0px}

$(window).on('resize', function(){
      var win = $(this); //this = window
      if (win.width() == 1024) { /* ... */ }
});