Html 当窗口宽度变小时'；内容怎么样

这是我的密码：

$（“窗口”）.load（函数（）{
$（“#body”）.removeClass（“预加载”）；
});
$（“.share btn”）.mouseenter（函数（）{
setTimeout（函数（）{
$（“.item menu”）.addClass（“可见”）
}, 500);
});
$（“.share btn”）.mouseleave（函数（）{
setTimeout（函数（）{
$（“.item menu”）.removeClass（“可见”）
}, 500);
});
$（“.item menu”）.hover（函数（）{
$（“.item menu”）.addClass（“可见”）
});
$（“.item menu”）.mouseleave（函数（）{
setTimeout（函数（）{
$（“.item menu”）.removeClass（“可见”）
}, 500);
});
$（“.container项”）.hover（函数（）{
setTimeout（函数（）{
$（“.container item”）.css（“z-index”，“1000”）
}, 500);
});
*{
保证金：0；
填充：0；
-webkit框大小：边框框！重要；
-moz盒尺寸：边框盒！重要；
框大小：边框框！重要；
}
.项目{
宽度：96%；
高度：415px；
背景图片：url(http://sappun.diskn.com/outsidemall/globalsite/promotion/en/200612/product/7-1.jpg);
-webkit背景大小：100%；
-o-背景尺寸：100%；
背景大小：100%；
背景重复：无重复；
位置：相对位置；
/*排名：0；
左：0*/
z指数：5；
溢出：隐藏；
}
.项目覆盖{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
/*IE9 SVG，需要将“过滤器”条件重写为“无”*/
-webkit过渡：背景色0.3s易于输入输出；
-moz过渡：背景色0.3s缓进缓出；
-ms过渡：背景色0.3s缓进缓出；
-o型过渡：背景色0.3s缓进缓出；
过渡：背景色0.3s缓进缓出；
}
.项目：悬停。项目覆盖{
/*IE9 SVG，需要将“过滤器”条件重写为“无”*/
背景：背景：-moz线性梯度（顶部，rgba（0,0,0,0）0%，rgba（0,0,0,0）28%，rgba（0,0,0,0,0.42）100%）；
/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、rgba（0、0、0、0））、颜色停止（28%、rgba（0、0、0、0、0））、颜色停止（100%、rgba（0、0、0、0.42））；
/*铬，Safari4+*/
背景：-webkit线性梯度（顶部，rgba（0,0,0,0）0%，rgba（0,0,0,0）28%，rgba（0,0,0,0.42）100%）；
/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，rgba（0,0,0,0）0%，rgba（0,0,0,0）28%，rgba（0,0,0,0.42）100%）；
/*歌剧院11.10+*/
背景：-ms线性梯度（顶部，rgba（0,0,0,0）0%，rgba（0,0,0,0）28%，rgba（0,0,0,0.42）100%）；
/*IE10+*/
背景：线性梯度（至底部，rgba（0,0,0,0）0%，rgba（0,0,0,0）28%，rgba（0,0,0,0.42）100%）；
/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#00000000'，endColorstr='#6b000000'，GradientType=0）；
/*IE6-8*/
背景色：rgba（0,0,0,0.4）；
}
.项目内容{
位置：绝对位置；
宽度：100%；
底部：0；
-webkit转换：翻译（0,100%）；
-moz变换：平移（0，100%）；
-ms变换：翻译（0，100%）；
-o变换：平移（0,100%）；
转换：翻译（0,100%）；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}
.item:悬停.item内容{
-webkit转换：转换（0,0）；
-moz变换：平移（0,0）；
-ms变换：平移（0,0）；
-o变换：平移（0,0）；
变换：平移（0,0）；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}
.项目内容{
背景：rgba（255、255、255、85）；
高度：70像素；
填充：15px；
}
/**/
#内容包装{
宽度：69%！重要；
最小宽度：未设置！重要；
}
#内容{
宽度：100%！重要；
}
#投标箱{
宽度：90%；
高度：自动；
保证金：0自动；
}
.four_收件箱{
宽度：25%；
高度：自动；
浮动：左；
文本对齐：居中；
边缘底部：20px；
}
.4_img{
宽度：97%；
高度：自动；
保证金：0自动；
}
.fourbox\u文本\u信息{
文本对齐：左对齐；
左边距：6px；
}
.fourbox\u产品名称{
字体系列：“heebo”、“Noto Sans KR”；
字体大小：12px；
}
.fourbox__价格{
显示：内联块；
颜色：#d42c20；
字体大小：12px；
}
.fourbox____价格{
文字装饰线条：线条贯穿；
显示：内联块；
字体大小：12px；
}
@媒体屏幕和屏幕（最大宽度：1050px）{
.four_收件箱{
宽度：50%！重要；
}
}
.bf\p{
显示：内联块；
利润上限：-20px；
}
@媒体屏幕和屏幕（最大宽度：1800px）{
#内容包装{
宽度：88%！重要；
}
}

[Sapun BASIC]卡米舒每日触发器&；拖鞋（1厘米）


22.95美元
45.90美元

[Sapun BASIC]卡米舒每日触发器&；拖鞋（1厘米）


22.95美元
45.90美元

[Sapun BASIC]卡米舒每日触发器&；拖鞋（1厘米）


22.95美元
45.90美元

[Sapun BASIC]卡米舒每日触发器&；拖鞋（1厘米）


  .item {
     ...
     -webkit-background-size: cover;
     -moz-background-size: cover; /* add if you want to support Firefox 3.6 */
     -o-background-size: cover;
     background-size: cover;
     ...
   }

  .item {
     ...
     width: 96%;
     height: 0;
     padding-bottom: 100%;
     ...
   }