web前端背景图填充问题，小图怎样填充到大分辨率页面的问题

最新推荐文章于 2024-05-02 14:20:00 发布

zhang-php

最新推荐文章于 2024-05-02 14:20:00 发布

阅读量2.2k

点赞数

分类专栏： html5 CSS

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_37682202/article/details/88368578

版权

html5 同时被 2 个专栏收录

50 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

首先来一个对比图，图片本身尺寸是宽 1440px 的，在本地（我的电脑是 1366px 的）背景填充正常，但是使用响应式调到1920px后变了，仔细一检查，样式写的有些问题，background-size 的cover属性可以拉伸图片，我写的 center是为了定位图片拉伸的位置，从哪个部分等比拉伸

原：<div class="intro-main" style="background:url('__images__/product/intro/bg1.png') center 100%;">

改：<div class="intro-main" style="background:url('__images__/product/intro/bg1.png') center center;background-size: cover;"">