2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > css 背景图比例缩放 css - CSS背景图片的缩放比例与

css 背景图比例缩放 css - CSS背景图片的缩放比例与

时间:2020-07-02 15:59:08

相关推荐

css 背景图比例缩放 css -  CSS背景图片的缩放比例与

这是我在这里的第一个问题,因此,如果我的问题可能没有重点,请原谅。

在图片报道文学上,我有大约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功能,这对于我的照片报道来说是不可行的。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。