html - 在 Phonegap 中打包并在 WP7 上打开后的图像大小减半

Question

我使用以下代码排列了一系列图像。

每个图像的 HTML 类似于...

    <div class="hover panel">
    <div class="front">
        <img src="breeds/Bluefaced_Leicester.jpg" />
    </div>
    </div>

CSS是...

    .panel {
        float: left;
        width: 220px;
        height: 220px;
        margin: 0px;
        padding: 7px;
        position: relative;
        font-size: .8em;
        margin-left: auto;
        margin-right: auto;
        -webkit-perspective: 600px;
    }
    .panel img {
        width: 100%;
    }

这是我在 480x800 Web 窗口上预览时的样子...

这是它在 WP7 模拟器上的样子......

如何确保图像在 WP7 上显示为 220 像素？

Answer 1

我对这个问题的解决方案是将应用程序中所有元素的像素大小加倍。不是最好的解决方案，但它有效。