Father's Day - Shop Now

Father's Day

SHOP NOW

Father's Day

SHOP NOW

品牌。

<样式> 身体 { 最大宽度:1200px; 边距:0 自动!重要; 浮动:无!重要; } .rowLogo { 显示:-ms-flexbox; /* IE10 */ 显示:弹性; -ms-flex-wrap:包裹; /* IE10 */ flex-wrap: 包裹; } /* 创建 2 个彼此相邻的相等列 */ .columnLogoBox { -ms-flex: 33%; /* IE10 */ 弹性:33%; 最大宽度:33%; 填充:25px 50px; 显示:内联块; } .columnLogoBox img { 垂直对齐:中间; 宽度:100%; } /* 响应式布局 - 制作两列布局而不是四列 */ @media 屏幕和(最大宽度:800px){ .columnLogoBox { -ms-flex: 33%; 弹性:33%; 最大宽度:33%; } } /* 响应式布局 - 使两列彼此堆叠而不是彼此相邻 */ @media 屏幕和(最大宽度:600px){ .columnLogoBox { -ms-flex: 50%; 弹性:50%; 最大宽度:50%; } } /* 响应式布局 - 使两列彼此堆叠而不是彼此相邻 */ @media 屏幕和(最大宽度:400px){ .columnLogoBox { -ms-flex: 100%; 弹性:100%; /* 最大宽度:100%; */ 填充:12px 25px; } }