这样不对吗 为什么显示不出来
@charset "utf-8";
/* CSS Document */
body,figure,figcaption,H2,p,img{margin:0;
padding:0;}
figure{
position:relative;
width:33.33%;
height:400px;
overflow:hidden;
float:left}
figcaption{
position:absolute;top:0px;left:0px;
font-family:微软雅黑;
}
@media screen and(max-width:600px){
figure{width:100%}
}
@media screen and(min-width:601px)and(max-width:1000px){
figure{width:50%}
}
@media screen and(min-width:1001px){
figure{width:33.33%}}
<body>
<figure><img src="images/4.jpg" />
<figcaption>
<H2>图片案例</H2>
<p>图片注释</p>
</figcaption>
</figure>
<figure><img src="images/1717332390.jpg" />
<figcaption>
<H2>图片案例</H2>
<p>图片注释</p>
</figcaption>
</figure>
<figure><img src="images/1717376109.jpg" />
<figcaption>
<H2>图片案例</H2>
<p>图片注释</p>
</figcaption>
</figure>
</body>
