圖片無法覆蓋手機的全屏

Question

我想讓圖像覆蓋手機的整個屏幕。 當我在筆記本電腦上的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>

Answer 1

#panorama{
    background-size: cover ;
}

圖片無法覆蓋手機的全屏

問題描述

1 個解決方案

解決方案1
0 2019-01-10 23:32:52

圖片無法覆蓋手機的全屏

問題描述

1 個解決方案

解決方案1 0 2019-01-10 23:32:52

解決方案1
0 2019-01-10 23:32:52