确保图像被放大
确保图像被放大
提问于 2014-03-26 13:19:27
我在网页上显示了一些图片作为背景，但图像并没有完全显示“放大”。相反，它只是以左边为例。
怎样才能使图像完全显示？这和决议有关吗？
#kitchenimage{
width:100%;
background: url("siteimages/kitchenimage.jpg") no-repeat center fixed;
padding:200px 0;
}图像是3249x1679。
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-26 13:21:17
根据所选选项的不同，定义下列选项之一：
background-size: cover;
background-size: 100% 100%;
background-size: contain;第一种方法是将背景图像缩放到尽可能大的范围，使背景区域被背景图像完全覆盖，在保持高宽比的同时，留下部分背景裁剪。
第二种不会保持高宽比，它将覆盖背景而不进行任何修剪。
第三种方法是将图像缩放到最大的尺寸，使其宽度和高度都能适应背景区域。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22662301
复制相关文章
相似问题
腾讯云开发者
