-1

次のコードを使用して一連の画像を並べています。

各画像の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で画像が220pxとして表示されるようにするにはどうすればよいですか？

4

1 に答える 1

0

この問題に対する私の解決策は、アプリケーション内のすべての要素のピクセルサイズを2倍にすることでした。最善の解決策ではありませんが、機能します。

于 2012-09-17T14:01:08.773 に答える