小编Kyn*_*iek的帖子

我创建了一个Google Photo Sphere,我希望将其嵌入到我的页面中:

• 使用iframe,一切正常:

  http://fotomilo.pl/test_iframe.aspx - 质量还可以.

• 使用JavaScript API,存在以下问题:

  http://fotomilo.pl/test_js.html - 质量很差.

质量问题:

它看起来像瓷砖不匹配.查看使用JavaScript呈现的图像和全景图.

不幸的是我用CSS设置图像高度有问题,我搜索了很多地方,但没有找到帮助的答案.让我解释一下这个问题.我有以下CSS(它的工作原理):

#cube
{
    position: absolute;
    max-width: 80%;
    top: 50%;
    left: 50%;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.9);
    text-align : center;
}

#cube
{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen  {
    #cube {
        max-height: 80%;
        max-width: 80%;
    }
}        

</style>

对于图像:

<img src="res/cube_na_strone.png" class="ri" id="cube"/><br /> 

它工作正常 - 但没有容器.当我添加容器以定位文本时......:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    color: black;
    font-family : Arial;
} …