首页 > 编程知识 正文

html背景图片按比例缩放,css背景图片按比例缩放

时间:2023-05-03 07:06:33 阅读:134149 作者:4404

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

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。