问一张图片不能覆盖手机的整个屏幕
EN

Stack Overflow用户

提问于 2019-01-11 07:28:17

回答 1查看 40关注 0票数 0

我想让一张图片覆盖整个手机屏幕。当我在笔记本电脑上使用iPhone进行预览时，图像不会覆盖整个屏幕，而且只覆盖了iPhone屏幕的一小部分。以下是我的代码。

<style>
    #panorama {
        width: 100%;
        height: 60vw;
    }
    </style>

</head>
<body>

<div id="panorama"></div>
<script>
    var image = "images/ttu-wbb.jpg";
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){
        image = "images/ttu-wbb-m.jpg";
        var mobileDim = document.querySelector("#panorama");
        mobileDim.style.height = "100%";
        mobileDim.style.width = "100%";
    }

    pannellum.viewer('panorama', {
        "type": "equirectangular",
        "panorama": image,
        "autoRotate": -5,
        "autoLoad": true
    });
</script>

javascript

html

fullscreen

回答 1

Stack Overflow用户

发布于 2019-01-11 07:32:53

#panorama{
    background-size: cover ;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54138391

复制

相似问题

问一张图片不能覆盖手机的整个屏幕
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一张图片不能覆盖手机的整个屏幕EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一张图片不能覆盖手机的整个屏幕
EN