这里是我的第一个问题。 因此,如果我的问题可能没有重点的话,请原谅。
在图像报道文学中,我有大约30张高分辨率图像。 这些图像是用CSS加载的。 我认为速度比使用“img”标签更有优势。
这是30张照片中的一个代码:
. image-bg-fixed-height2 {
显示:表;
width: 100%;
height: 100%;
padding: 10px 0;
文本照明3360中心;
color: #fff;
background : URL (./snapshot s/adasevci _ 02.jpg ) no-repeat center center scroll;
background-color: #000;
WebKit-background-size : cover;
-moz-background-size: cover;
background-size :覆盖物;
-o-background-size: cover;
}
然而,在HTML中,当使用CSS指定的“img”标签时,例如
img {
最大宽度: 100 %;
height :自动;
padding: 10px 0;
}
使用CSS的方法与“img”图像的比例不同。 “img”似乎在移动设备上受到挤压。 我希望照片的动作和CSS类很像。
它看起来很棒,可以使用CSS方法进行响应,但是我通过alt文本失去了SEO功能。 这对我的照片报道来说是不可能的。