这是我在这里的第一个问题,因此,如果我的问题可能没有重点,请原谅。
在图片报道文学上,我有大约30张高分辨率图片,这些图片是通过CSS加载的,因为我认为与使用'img'标签相比,它可能具有速度优势。
这是30张图片之一的代码:
.image-bg-fixed-height2 {
display: table;
width: 100%;
height: 100%;
padding: 10px 0;
text-align: center;
color: #fff;
background: url(../Snapshots/Adasevci_02.jpg) no-repeat center center scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
但是在HTML中,当我使用CSS中指定的'img'标签时,例如
img {
max-width: 100%;
height: auto;
padding: 10px 0;
}
使用CSS方法和“ img”图像的缩放比例不同。 “ img”似乎在移动设备上受到挤压。 我希望图片的行为类似于CSS类。
它看起来很棒,并且可以使用CSS方法进行响应,但是我通过alt文本失去了SEO功能,这对于我的照片报道来说是不可行的。