HTML-调整浏览器大小时裁剪背景图像的宽度

时间:2019-01-10 08:38:50

标签: html css

我的主角背景图像位于右侧。在调整浏览器窗口大小时,我想实现bg图像将从右侧裁剪。

现在,它仅沿浏览器窗口移动,但是在调整大小时,我需要裁剪适当的大小。

我当前的代码:

<a class="navbar-brand" href="#">Hi <?php echo $this->User['first_name']; ?>,Welcome to your dashboard</a>

1 个答案:

答案 0 :(得分:1)

使用background-size: auto; background-repeat: no-repeat;删除顶部和右侧对齐。如果您希望更高版本(桌面视图)的top right对齐方式,请使用媒体查询。

check the demo