背景图像调整大小以适应横向分辨率以及纵向分辨率的裁剪
背景图像调整大小以适应横向分辨率以及纵向分辨率的裁剪
提问于 2016-09-19 18:25:17
是否可以根据屏幕分辨率是纵向还是横向来调整背景图像的大小？
例如，我有一个我想要实现的图像：image
在这个网站上还有一个例子：Cuberto。滚动到工作页并调整窗口大小。他们使用的是视频。然而，这就是我希望达到的效果。
HTML：
<div class="slide" id="slide3"></divCSS：
#slide3{
background-image: url(/images/3.jpg)no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;}我不能让它工作。
Stack Overflow用户
发布于 2016-09-19 18:32:01
当您使用背景图像时，您的容器将是需要进行大小调整的“窗口”。
您可以使用orientation的介质查询来交换background-image
@media all and (orientation:portrait) { … }
@media all and (orientation:landscape) { … }编辑:如果您使用的是插件，这可能会根据加载的图像设置内联高度值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39570874
复制相关文章
相似问题
腾讯云开发者
