Question

我在主div上使用了背景图片，并在其中使用了其他元素。背景在桌面上看起来不错，在移动版本上可以滚动。我想在平板电脑中具有可滚动的overflow-x或平板电脑中的图像全视图。

当我应用overflow-x：scroll;到具有背景的div，我可以在其上滚动内容，但不能滚动背景本身。我尝试了背景附加：滚动；它不起作用。和背景尺寸：封面也无法使用。

解决此问题的最佳方法是什么？我可以使用哪种媒体查询来为手机和平板电脑制作相同的视图？

P.S：我正在为台式机和移动设备使用两个不同的图像。我可以将其中任何一张图像用于平板电脑。

这是我在平板电脑视图中针对主要div

@media (min-width: 768px)
.virtual {
     background-image: url(/*****/stage);
     background-position: center -30px;
     min-height: 500px;
}

这是我在主要div的移动视图中看到的

@media (max-width: 767px)
.virtual {
     overflow: hidden;
}

这是我在移动视图中（主div的）内部div

@media (max-width: 767px)
.hotspot-container {
    background-image: url(/****/stage-sm);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1341px 768px;
    position: relative;
    min-height: 500px;
    width: 1341px;
    top: 2px
}

在平板电脑视图中背景图片未水平滚动

0 个答案: