css - 调整背景(图像)的大小而不裁剪它

标签 css image

我在css中调用了一张背景图片,做了一张图片贴图。如果不从原点裁剪,我这样做的方式似乎很难调整大小。这是我当前调用图像的 CSS。

ul#LittleItaly {
list-style: none;
background: url(images/Littleitaly_Map.jpg) no-repeat 0 0;
position: relative;
width: 1200px;
height: 1600px;
margin: 0;
padding: 0;
}

当我更改宽度或高度时,它会切掉部分图像。类似于 Photoshop 更改 Canvas 大小。

最佳答案

背景大小:封面

它应该可以解决问题

关于css - 调整背景(图像)的大小而不裁剪它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51407900/

相关文章:

javascript - 在同一页面上有多个 jquery 选项卡

jquery - 修复表头或修复第一列

jquery - 为什么我的输入在 Bootstrap 中的格式不正确

android - Canvas : trying to draw too large(151099200bytes) bitmap

html - 如何使用 Figure 标签将 SEO 的 Alt 和 Title 添加到响应式设计

.net - 在运行时分割图像

python - 你能在 python 程序中显示图像吗(不使用 pygame)?

jquery - 如果元素具有特定字体,如何执行 jQuery 脚本?

javascript - 覆盖标签?

java - 在 Android 中删除旋转图像不显示删除正确路径