Изображение не может охватить весь экран мобильного телефона - PullRequest
Новая
       7

Изображение не может охватить весь экран мобильного телефона

0 голосов
/ 11 января 2019

Я хочу, чтобы изображение покрывало весь экран мобильного телефона. При предварительном просмотре на 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>

1 Ответ

0 голосов
/ 11 января 2019 
#panorama{
    background-size: cover ;
}
...